@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/nanum_barun.css);*/
/* @font-face{
font-family:Hvtc_lgt;
src : url('/resources/font/HelveticaNeueLt.eot');
src : url('/resources/font/HelveticaNeueLt.eot?#iefix') format('embedded-opentype');
src:local(☺), 
    url('/resources/font/HelveticaNeueLt.woff') format('woff');
} */
 
/* 



@font-face {
  font-family: nanum_barun;
  font-style: normal;
  font-weight: 700;
  src: url(/resources/font/nanum_barun-Bold.eot);
  src: url(/resources/font/nanum_barun-Bold.eot?#iefix) format('embedded-opentype'),       
       url(/resources/font/nanum_barun-Bold.woff) format('woff');
}
@font-face {
  font-family: nanum_barun;
  font-style: normal;
  font-weight: 400;
  src: url(/resources/font/nanum_barun-Regular.eot);
  src: url(/resources/font/nanum_barun-Regular.eot?#iefix) format('embedded-opentype'),
       url(/resources/font/nanum_barun-Regular.woff) format('woff');
}
@font-face {
  font-family: nanum_barun;
  font-style: normal;
  font-weight: 800;
  src: url(/resources/font/nanum_barun-ExtraBold.eot);
  src: url(/resources/font/nanum_barun-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/resources/font/nanum_barun-ExtraBold.woff) format('woff');
} */

@font-face{
font-family:ng;
src:url(/resources/font/SohoGothicPro-Regular.eot);
  src: local(※), url(/resources/font/SohoGothicPro-Regular.eot?#iefix) format('embedded-opentype'),
          url(/resources/font/SohoGothicPro-Regular.woff) format('woff');
}
@font-face{
font-family:ng_midium;
src:url(/resources/font/SohoGothicPro-Medium.eot);
src: local(※), url(/resources/font/SohoGothicPro-Medium.eot?#iefix) format('embedded-opentype'),
          url(/resources/font/SohoGothicPro-Medium.woff) format('woff');
}
@font-face{
font-family:ng_light;
src:url(/resources/font/SohoGothicPro-Light.eot);
src: local(※), url(/resources/font/SohoGothicPro-Light.eot?#iefix) format('embedded-opentype'),
          url(/resources/font/SohoGothicPro-Light.woff) format('woff');
}
/* @font-face{
font-family:standard;
src:url(/resources/font/standard.eot);
src:local(※), url(/resources/font/standard.woff) format('woff')
} */
@font-face{
font-family:times;
src:url(/resources/font/Times_New_Roman.eot);
src:local(※), url(/resources/font/Times_New_Roman.woff) format('woff')
}
@font-face{
font-family:times_italic;
src:url(/resources/font/Times_New_Roman_Italic.eot);
src:local(※), url(/resources/font/Times_New_Roman_Italic.woff) format('woff')
}

@font-face{
font-family:nanum_barun;
src:url(/resources/font/NanumBarunGothic.eot);
src:local(※), url(/resources/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
          url(/resources/font/NanumBarunGothic.woff) format('woff');
}


/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------mobile-------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
*{
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body{background-color:#e9e9e9;}
header{
  border-bottom:4px solid #1e1e1e; 
  background-color:#E9E9E9; 
  position:relative; 
  z-index:160;
  margin: 0 auto;
  width: 100%;
  max-width: 463px;
  padding: 61px 0 20px;
}
header > h1{
  height: 68px;
}
/* #wrap_index header > h1{
  height: 52px;
} */
.screen_out{position:absolute; top:0; left:0; text-indent:-999px; width:1px; height:1px; visibility:hidden;}

#wrap_index header{
  background-color: inherit;
}
#headerWrap{
  width: 100%;
  background-color: #e9e9e9;
  border-bottom: 1px solid #cbcbcb;
}
.nav_gnb_inner > h1 >  a > img,
.gnb_top > div > h1 > a > img{
	width: 120px;
  	margin-top:-6px;
}
#wrap_newsletter #headerWrap,
#wrap_index #headerWrap,
#wrap_product #headerWrap,
#wrap_recruit #headerWrap{
  border-bottom: 0;
  background-color: inherit;
}
#wrap_about, 
#wrap_contact{overflow:hidden; position:relative; }
#wrap_about #headerWrap,
#wrap_contact #headerWrap{
    background:none; border:0;
  }
header h1{text-align:center; color:#1e1e1e;}
header h1 span.maintitle{
  font-family: Times New Roman;
  font-size: 3em;
  font-weight: normal;
  font-style: italic;
  position: relative;
  top: 6px;
  left: 5px;
}
header h1 span.subtitle{font-family:ng; font-weight:normal; font-size:13px; letter-spacing:0px; color:#1e1e1e;}
header > a{width:9%}
header > a img{height:26px;}
header h1 img{margin-bottom:7px;}
header div#birdmotion{
  position: absolute;
  /* left: -10px; */
  left: 10px;
  opacity: 0;
  bottom: 0px;
  /*display: none;*/
  z-index: 100;  
}
header div#jp_container_1{
position: absolute;
right: 0px;
bottom: 0px;
width: 172px;
height: 45px;
overflow: hidden;
/*display: none;*/
}
header .artistPopup{
  position: absolute;
  top: 153px;
  right: 0;
  overflow: hidden;
  width: 366px;
  height: 0;  
  background-color: #fff;
  z-index: 4200;
  display: none;
}
header .artistPopup h2{
  font-family: times_italic;
  font-weight: normal;
  font-size: 20px;
  color: #000;
  margin: 22px 0 24px 19px;
  padding: 0;
}
header .artistPopup h3{
  font-family: times_italic;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  margin: 0 0 13px 19px;
  padding: 0;
}
header .artistPopup p{
  margin-left: 19px;
  font-family: nanum_barun;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  line-height: 1.428571428571429;
}
header .artistPopup p.information{
  padding-bottom: 12px;
}
header .artistPopup p.subinformation{
  font-weight: bold;
  font-size: 12px;
}
#record_bar{
  position: absolute;
  z-index: 4000;
  left: 70px;
  /*top: 3px;*/
  top: 70px;
}
#controlbtn{
  position: absolute;
  /*top: 3px;*/
  top: 70px;
  left: 110px;
  width: 70px;
}
#controlbtn a{
  position: absolute;
  width: 26px;
  height: 26px;
  top: 0;
}
#controlbtn .controled{
left: 0;
}
#controlbtn .inforbtn{
left: 35px;
}
.recordTrack{
  background: url("/resources/image/musicplayer/record.png");
  position: relative;
  /*top: 0;*/
  top: 100px;
  width: 90px;
  height: 90px;   
}
.turned, .stoped{
  -webkit-animation: spinx 4s linear infinite;
 -moz-animation: spinx 4s linear infinite;
 -ms-animation: spinx 4s linear infinite;
 -o-animation: spinx 4s linear infinite;
 animation: spinx 4s linear infinite;
}
.turned{    
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}
.stoped{    
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
.recordImage{
  position: absolute;
  left:24px;
  top: 24px;
  width: 40px;
  height: 40px;
  
}

.clearfix:after{
    display: block;
    visibility: hidden;
    content: ".";
    clear: both;
    text-indent: -9999px;
    height: 0;
}
@keyframes spinx{
  0% {transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spinx {
  0% {-webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes spinx {
  0% {-ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spinx {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes spinx {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}
#wrap_index{
	background:url(/resources/image/animate/visual_bg3.jpg);
}
#wrap{overflow:hidden; position:relative; background-color:#E9E9E9;background:url(/resources/image/work_test/bgptn.jpg);}
#wrap_newsletter{overflow:hidden; position:relative; background-color:#E9E9E9;}
#wrap article.work_article,
.newsletter_article{
  padding-top:30px; 
  position:relative; 
  padding-bottom:20px; 
  overflow:hidden;  
  margin:0 auto;
  -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
article.work_article,
.newsletter_article{
  width: 463px;
  margin: 0 auto;
}
.newsletter_article{
  padding-top: 60px;
}

.wrap_inner{margin:0 auto; padding:0;
position: relative;
z-index: 100;
  /*overflow: hidden;*/
}
.wrap_inner .overlayForSearch{
  position: absolute;
  left: 0;
  top: 521px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.9;
  display: none;
  z-index: 20;
}
/* .wrap_inner.categorySearch{
  width: 100%;
} */
#bgSlideLayerWrap{n
  position: absolute;
  /*overflow: hidden;  */
  width: 100%;  
  /*min-height: 400px;*/
  top:  0;    
  background-color: #000;
}
#bgSlideLayer{
  /*position: absolute;*/
  /*left: 0;   */
  /*top: 0;*/
  /*padding-top: 57px;*/
  bottom: 0;
  width: 100%;
  height: 100%;
  /*max-width: 1920px;*/
  background-color: #fff;
  z-index: 50;      
}
#bgSlideLayer ul{
  /*overflow: hidden;*/
  height: 100%;
}
#bgSlideLayer ul li{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;  
  /*text-align: center;*/
  padding-left: 11px;
  padding-right: 11px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 50;
}
#bgSlideLayer ul li a{
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
}
#bgSlideLayer ul li img{
  /*width: 100%;*/
  position: absolute;
  /*width: 90%;*/
  /*max-width: 640px;*/
  min-width: 100px;
  /*margin-top: 180px;*/
  /*padding-left: 8%;*/
-webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */


}
nav#nav{
  position:relative;
  margin-bottom:7px;
  width: 463px;
  margin: 0 auto;
  z-index: 80;
}
nav#nav .nav_inner{ border-bottom:1px solid black; overflow:none; position:relative;}
nav#nav ul.gnb_box{overflow:hidden; }
nav#nav ul.gnb_box li{float:left; width:50%; text-align:center; display:table-cell; vertical-align:middle; }

nav#nav ul.gnb_box li a{display:inline-block; vertical-align:middle; font-size:73px;}
nav#nav ul.gnb_box li a img{width:100%;}

/*nav.nav_gnb{width:50%; min-height:100%; z-index:1000; background-color:white; border-right:1px solid #d9d9d9;position:fixed; left:-50%; top:0; font-size:14px; overflow:none;}*/
  nav.nav_gnb{
    display:block; 
    position:fixed; 
    top:0; 
    left:0; 
    height:50px; 
    min-height:50px; 
    width:100%; 
    border-right:0px; 
    border-bottom:1px solid #d9d9d9; 
    font-size:12px; 
    overflow:hidden;
    z-index: 1000;
    background-color: #fff;
  }
 .nav_gnb_inner{
    /*width:463px; */  
    width: 100%;
    max-width: 1420px;
    margin:15px auto 15px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow:hidden;
  } 
  .nav_gnb_inner h1{
    margin-left: 11px;
  }
  .nav_gnb_inner > a.open_gnb > img{
    width: 21px;
  }
.crossLine{position:absolute; z-index:10; top:0; left:50%; margin-left:-13px;}
.dim{position:absolute; top:0; left:0; background-color:black; opacity:0; z-index:100; display:none; width:100%; height:100%;}
.nav_arrow{position:absolute; bottom:-7px; left:26%; z-index:100; height:8px;display:none}
.gnb_on{background:url(/resources/image/icon/check_line.gif) 0 0 no-repeat;}
.nav_category{display:none}
.open_gnb, .close_gnb{
  position: absolute;
  right: 11px;
  top: 0;
}
#gnb .close_gnb{
  top: 0px;
}
.category{position:relative; z-index:1; overflow:hidden;border-bottom:0px solid #c0c0c0;
  margin: 0 auto;
  width: 463px;
}
.category.categorySearch{
  width: 100%;
  position: inherit;
}
.searchWrap .searchTitle{
  font-size: 25px;
  font-family: "Times New Roman",times, Georgia,Serif;
  color: #949494;
  font-style: italic;
  display: none;
}
.searchWrap .searchHow{
  font-family: ng_light;
  font-size: 14px;
  color: #cdcdcd;
  display: none;
}
.category .searchWrap{ 
  /*position: absolute;*/
 /* left: 0;
  top: 0;*/
  width: 100%;
  background-color: #fff;
  height: 46px;
  /*height: 264px;*/
  display: none;
  text-align: center;
  padding: 12.5px 0;
  /*padding: 30px 0;*/
  z-index: 60;
  -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;  
}
.category input.search{
  height: 22.5px;
  /*height:108px; */
  font-size: 17px;
  /*font-size: 20px;*/
  vertical-align:top; 
  padding:0; 
  width:100%;  
  border:0; 
  background:none; 
  color:black; 
  font-family:ng_light, nanum_barun; 
  display:inline-block; 
  font-weight:normal;
  margin-top: 0;
  margin-bottom: 0;
  /* margin-top: 20px;
  margin-bottom: 20px; */
  text-align: center;
}
.searchCloseWrap{
  position: absolute;
  left: 50%;
  /*width: 100%;*/
  /*z-index: 61;*/
  display: none;
}
.searchClose{
  width: 433px;
  position: relative;
  left: -50%;  
  text-align: right;
  padding: 0 30px;
}
.category ul{display:none;}  
.index_article .index_articleWrap,
#wrap_product article.product_article,
#wrap_product article#sortType2,
article.culture_article,
article.contact_article{
  margin: 0 auto;
  width: 100%;  
  position: relative;  
}
/*.index_article .index_articleWrap section{
  float: left;
  height: 100%;
}*/
.index_article section.VcommArea img,
.index_article section.VlabArea img{
  /*width: 125px;*/
  width: 87px;
  /*max-width: 210px;*/
  position: relative;
}
.index_article section.VcommArea,
.index_article section.VlabArea{
  width: 50%;
  position: absolute;
  z-index: 150;
  overflow: hidden;
}
.index_article section.VcommArea a,
.index_article section.VlabArea a{
  display: block;
}
.index_article section.VcommArea{
  left: 0;
  text-align: left;
  padding-left: 11px;
}
.index_article section.VlabArea{
  right: 0;
  text-align: right;
  padding-right: 11px;
} 
.index_article section.slideClickArea{
 /*width: 65.6338%;  */
 position: relative;
  /*position: absolute;*/
  width: 100%;
  height: 100%; 
  top: 0;
  z-index: 140;
}
nav.slideNav{
  position: absolute;  
  /*top: -80px;*/
  width: 100%;
  height: 22px;
  z-index: 80;
  bottom: 15px;
}
nav.slideNav ul{
  text-align: center;
  height: 100%;
}
nav.slideNav li{
  /*float: left;*/
  display: inline-block;
  vertical-align: middle;
   height: 23px; 
   line-height: 23px; 
}
 nav.slideNav li.slideCntrLi{
  line-height: 0;
} 
nav.slideNav li > a{
  padding: 3px;
  margin-right: 8px;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*background-color: #727375;*/
  border: 2px solid #727375;
  /* font-size: 0; */
}
nav.slideNav li.active > a{
  background-color: #1e1e1e;
  border: 2px solid #1e1e1e;
  /*padding: 5px;*/
  /*border: 0px;*/
}
nav.slideNav li > a:hover,
nav.slideNav li > a:focus{
  background-color: #5427c3;
  /*padding: 5px;*/
  border: 2px solid #5427c3;
}
nav.slideNav .slideCntrLi{  
}
nav.slideNav .slideCntr{
  border-left: 1px dotted #1e1e1e; 
  padding-left: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 10px;  
  position: relative;
  top: 4px;  
  cursor: pointer;
}
.index_article section.slideClickArea > a.slideLink{
  display: block;
/*  background-color: #ff0000;
  opacity: 0.05;*/
  width: 100%; 
  height: 100%;
}
article section.work_sec{
        width:223px; 
        height: 309px;
        float:left; 
        margin-right:15px; 
        position:relative;
        margin-bottom: 30px;
    }  
    article .related_list section.work_sec{
        width: 174px;
        height: 266px;
    }
/*     article section.work_sec:nth-child(2n),
article .related_list section.work_sec:nth-child(2n){
  margin-right: 0;
} */
    article section.work_sec > .work_newIcon{
      top: -8px;
      left: 19px;
    }
    article section.work_sec > .work_newIcon > img{
      width: 80%;
    }    
article section.work_sec a img{width:100%; height:auto;border-bottom:0px; position:relative;}
   
article section.work_sec > .work_sec_contents_wrap{
      overflow: hidden;
        -webkit-box-shadow:0px 2px 4px #afafaf;
        -moz-box-shadow:0px 2px 4px #afafaf;
        box-shadow:0px 2px 4px #afafaf;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background-color: #fff;   
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    article section.work_sec > .work_sec_contents_wrap > a > img{
      -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        background-color: #fff;   
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; 
    }
.mob_hide{
  line-height: 200px;
  width:223px;height: 200px;
  /*20140521 추가 by NIS*/
  text-align: center;
  overflow: hidden;background-color: #e9e9e9;
  -webkit-box-shadow:0px 2px 4px #afafaf;
  -moz-box-shadow:0px 2px 4px #afafaf;
  box-shadow:0px 2px 4px #afafaf;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 30px;
}
/*.mob_hide img{width:100%;}*/
.work_secHead h2{
  /*20140520 수정 by NIS*/
  font-family:ng; font-style:normal; color:#323232; font-size:1em; font-weight:normal;
 padding-top: 12px;
  font-size: 0.8em;}
.work_sec p.date{color:black; font-size:9px; line-height:100%; letter-spacing:-1px;
  /*20140520 수정 by NIS*/
  position: absolute;  
  font-family: Verdana;
  bottom: 43px;
  font-size: 7px;
  }  
.work_sec p.m_text{
  color:normal;
  font-size: 10px;
  padding-top: 7px;
  padding-bottom:16px;
  margin-left: 10px;
  line-height: 1;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  }
.work_secHead{border-bottom:1px solid #e0e0e0;  padding-left:0px;
      height: 75px;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom:0px;
      }  

.common_con{position:relative; width:100%; z-index:1; top:0; left:0; 
  margin: 0 auto;
}
.common_con > section > a{display:block;}
footer{position:relative; padding:16px 0; border-top:1px solid #a2a2a2;}
.gotoTop{
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.foot_inner{
  border-top: 1px solid #a2a2a2;
  position: relative;
  margin:0px;
  width:100%;
  padding: 17px 10px;
  -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.foot_inner p{
  line-height:18px;
  vertical-align:middle;
  font-size: 0.8em;
  font-family: Verdana;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #727272;
  padding-right: 70px;
}
footer .vlogo{position:absolute; top:-1px; right:0;}
.top_bar{display:none}

.foot_list{overflow:hidden; margin-bottom:10px; display:none;}
.foot_list ul li{float:left; font-family:'Helvetica'; font-size:16px; padding-right:10px; }
.foot_list ul li a:link{color:#5a5a5a;}
.foot_list ul li a:visited{color:#5a5a5a;}
.sm_line{border-right:1px solid #5a5a5a; height:6px; line-height:6px; margin-left:10px; vertical-align:middle; display:inline-block; *display:inline; *zoom:1;}

article.article_culture{
  overflow: hidden;
  border-top: 4px solid #1e1e1e;
  margin: 0 auto;
  width: 453px;
}
.culture_secWrap{
  text-align: center;  
  padding-top: 11.71875%;
  padding-bottom: 24.53125%;
  background-image: url('/resources/image/culture/background_mobile.jpg');
  -webkit-background-size: 100%;
  background-size: 100%;
  font-size: 14px;
}
.culture_secWrap > h2{  
  /*margin-bottom: 15px;*/
  margin-bottom: 2.34375%;
  /*font-size: 22px * 1.4 = 30.8 px;
  30.8/14 = 2.2em*/
  font-size: 2.2em;
  line-height: 1.5;
  line-height: 1;
  color: #0f0f0f;
  text-align: center;
  font-family: ng;
  font-weight: normal;
}
.culture_secWrap > hr{
    height:1px;
    border: 0;
    background-color: #9c9c9c;    
    display: block;
    margin: 0 7.5% 2.03125%;  
}
.culture_secWrap .h2descript{
  font-family: times_italic;
  font-weight: normal;
  /*font-size: 20px * 1.4 = 28;
  28/14 = 2*/
  font-size: 2em;
  color: #60605f;
  line-height: 1;
}
.culture_secWrap > h3{  
  font-family: nanum_barun;
  font-weight: normal;
  color: #0f0f0f;
  /* font-size: 10px * 1.4 = 14
  14/14 = 1; */
  font-size: 1em;
  line-height: 1;
  text-align: left;
  margin: 15.625% 7.5% 4.6875%;  
}
.culture_secWrap > div{
  margin: 0 7.5% 4.21875%;   
  padding-bottom: 14.0625%;
  border-bottom: solid 1px #999a9a;  
  /*font-size: 1em;  = 14px */
}
.culture_secWrap > div > p{

  /*
  - 반응형웹을 위한 계산법 -
  디자이너가 폰트 기본 크기를 20px로 시안 작업함, 디자인 시안은 2배이므로 즉 퍼블리싱은 10px가 됨.
  기획상 폰트 기본 크기는 14px를 잡고 반응형에 대하여 상대적 크기를 계산해야하는데, 디자이너 실수로 10px가 기본 폰트로 되어버림. 
  즉, 가이드보다 1.4배를 키워줘야함. ㅠㅠ
  그런 후에 1.4배를 키운 크기를 기본 정의 크기인 14px로 나눠서 em으로 처리해야함.
  계산식은 다음과 같음
  
  ((시안상 폰트 크기 / 2 ) * 1.4) / 14 => em
  단, 상대 기준이 되는 부모 엘리먼트에 기본 폰트 크기는 14px라고 포트 사이즈 지정해줘야함.
  */
  color: #797a7a;
  font-family: nanum_barun;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5;
  text-align: left;
  float: none;
}
.culture_secWrap .signature{
  color: #605f60;
  font-family: times_italic;
  font-weight: normal;
  /* font-size: 20px * 1.4 = 28
  28/14 = 2; */
  font-size: 2em;
}
.cultureTitleImg{
  width: 100%;
}
.culture_cont{
  overflow: hidden;
  margin: 41px auto 0px;
}
/*.culture_cont .culture_cont_inner dl:nth-child(2),
.culture_cont .culture_cont_inner dl:nth-child(3){
  display: none;
}*/
.culture_cont .culture_cont_inner dl{
  margin-bottom: 36px;
}
/*.culture_cont .culture_cont_inner dl dd{
  padding-left: 10px;
}*/
.culture_cont .culture_cont_inner dl dd span{
  font-family: ng; 
  color: #1e1e1e;
  display: inline;  
  font-size: 16px;
  margin-bottom: 6px;
}
.culture_cont .culture_cont_inner dl dt {
  margin-bottom: 5px;
}
.music_box ul{position:relative; width:50px; height:50px;}
.music_box ul li{position:absolute; width:50px; height:50px; top:50px; left:0; }
/* object{position:absolute; visibility:hidden; width:1px; height:1px; left:-9999; top:-9999} */
.main_music{position:absolute; top:0px; left:0; width:0px; height:0px; display:none;}
.nav_gnb_inner li a:hover{text-decoration:line-through; /*color:#7661C2;*/}
.gnb_on a{text-decoration:line-through;color:#7661C2;}

#gnb{
  position: fixed;
  vertical-align: middle;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity:0.95;
  filter:alpha(opacity=95);
  background-color: #6044d5;
  background-image: url('/resources/image/gbntop_bg_patten.png');
  background-repeat: repeat-x;
  z-index: 20000;
  display: none;  
}
.gnb_top{
  position: relative;  
  /* left: 0;
  right: 0;
  top: 0; */
  max-width: 1420px;
  /*padding: 20px 20px;*/
  /* margin-top: 15px;
  margin-bottom: 15px; */
  margin: 15px auto;
}
.gnb_top > div{
  width: 100%;
  margin: 0 auto;
/*   padding-left: 2%;
padding-right: 2%; */
}
.gnb_top > div > h1{
  margin-left: 11px;
}
#gnb > .gnb_1{
  padding: 0;    
  /*margin: 0 auto;*/
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  /* padding: 100px 0;
  display: table-cell;
  vertical-align: middle;   */
}
/*#gnb .gnb_3.asidemenuB{
  display: none;
}*/
#gnb  .gnb_3.asidemenuA{
  /*display: none;*/
  display: block;
  position: absolute;
  padding: 0;
  top: 0;
  right: 0;
  border-top: 0;
} 
#gnb > .gnb_1 > li {
  width: 100%;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* padding-left: 2%;
  padding-right: 2%; */
  position: relative;
}
#gnb > .gnb_1 > li > a{
  font-family: ng; 
  /*font-family: 'HelveticaNeueW02-45Ligh', Hvtc_lgt,'Helvetica', "Helvetica Neue", Helvetica; */
  /*font-weight: 300; */
  color: #fff;
  /*line-height: 1.7;*/
  display: block;
  border-top: 1px solid #9582e2;
  width: 100%;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 5px;
  margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#gnb > .gnb_1 > li> a:hover{
  color: #5c42c9;
  /*background-color: #fff;*/
  /*background-image: url(/resources/image/gnb_arrow_over.png);*/
  /* background-repeat: no-repeat;
  background-position: 90% 50%;
  -webkit-background-size: auto 70%;
  -moz-background-size: auto 70%;
  background-size: auto 70%; */
  border-top: 1px solid #fff;
}
#gnb > .gnb_1 > li:first-child > a{
  border-top: 0;
}
/* #gnb > .gnb_1 > li:first-child > a{
  border-top: 4px solid #fff;
}
#gnb > .gnb_1 > li:hover:first-child > a,
#gnb > .gnb_1 > li:focus:first-child > a{
  border-top: 4px solid #fff;
} */
#gnb > .gnb_1 > li.likegnb_2 > a{
  /*font-family: Hvtc_lgt; */
  font-family: ng_light; 
  /*font-size: 3.5em;*/
  /*line-height: 1.36;*/
}
#gnb > .gnb_1 > li.dottedline > a{
  border-top: 1px dotted #9480e2 ;
}
#gnb > .gnb_1 > li.dottedline:hover > a{
  border-top: 1px dotted #fff ;
}
#gnb .gnb_2{
  /*padding: 35px 0;*/
  position: relative;
  border-top: 1px solid #b4a7eb;
  padding: 10px 17px;
}
#gnb .gnb_2:hover{
  border-top: 1px solid #fff;
}
/* #gnb .gnb_2 > li:nth-child(2n){
  display: none;
} */
#gnb .gnb_2 > li{
  /*float: left;    */
  color: #fff;  
  /*font-size: 2.031em;*/
  font-family: ng_light;
  margin-right: 15px;
  background-color: inherit;
}
#gnb .gnb_2 > li a{
  color: #fff;
  line-height: 2;
  font-size: 1.231em;
  padding: 0;
}
#gnb .gnb_2 > li:nth-child(2n){
  display: none;
}
#gnb .gnb_2 > li a:hover{
  /*color: #2d1b78;*/
}
#gnb .gnb_3{    
  border-top: 1px solid #b4a7eb;
}
#gnb .gnb_3 div{
  /*display: inline;*/
  float: left;
}
#gnb .gnb_3  a{
  display: inline; 
  width: 30px;
  /*float: left;*/
  line-height: 60px;
/*  padding-left: 1%;
  padding-right: 1%;*/
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#gnb .gnb_3  a:first-child{
  border-right: 1px solid #b4a7eb;  
}
#gnb .gnb_3 a img{
  /*width: 100%;*/
  max-width: 43px;
  /*height: auto;*/
  vertical-align: middle;
}
.work_newIcon{position:absolute; top:-10px; left:20px; z-index:10;}

.sbtn{position:absolute; top:27px; z-index:100; cursor:pointer;}
.lsbtn{left:10px;}
.rsbtn{right:10px;}

#loadingImg{
  width: 32px;
  height: 32px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -16px;
  margin-left: -16px;
  z-index: 15000;
  display: none;
}


/*work popup*/
.work_pop{
  width:100%; 
  position:absolute; 
  top:0; 
  left:0;
  bottom: 0;
  right: 0; 
  z-index:80000; 
  background-color:white; 
  display:none; 
}
.product_pop,
.vimeo_pop,
.press_view_pop{
  width:100%; position:absolute; top:0; left:0; z-index:10000; background-color:white; display:none;
}
.vimeo_pop{
  position: fixed;
}
  .work_pop_head,
  .product_pop_head{
    height:60px; 
    width:100%; 
    background-color:#151515; 
    position:fixed; 
    -webkit-transform: translateZ(0);
    top:0; 
    left:0;
    right: 0;
    bottom: 0;
    z-index: 2000;}
.work_pop_head > p,
  .product_pop_head > p{
  position: absolute;
  top: 67px;
  /*right: 79px;*/
  left: 18px;
  padding-right: 16px;
  /* border-right: 1px solid #4d4d4d; */
  line-height: 2;
}
.work_pop_head > p > a,
  .product_pop_head > p > a{
  /*padding-left: 13px;*/
  margin-right: 9px;
}
.con_close{position:absolute; top:10px; right:17px;}
.vimeo_pop > .con_close{
  background-color: #151515;
  padding: 10px;
  right: 0;
  top: -61px;
}
.work_pop_con{
  color: black;
}
.work_pop_con > img{width:100%;}
.dev_con_img img{width:100%;}

.wokr_pop_con_inner{overflow:hidden; padding-top:50px;}/*공통*/
.popcon_inner{width:100%; overflow:hidden; margin:0 auto;border-top:4px solid #285032;}/*공통*/
.popcon_inner > div{
  margin-left: 12%;
  margin-right: 12%;
}
.popcon_dec{margin-top:30px; overflow:hidden; padding-bottom:30px;border-bottom:1px solid #285032; color:#285032;}/*공통*/

.popcon_inner{border-top:4px solid #285032;}/*별도*/
.popcon_dec{border-bottom:1px solid #285032; color:#285032;}/*별도*/

.popcon_dec dl{overflow:hidden; float:left; margin-right:60px}
.popcon_dec dl dt{float:left; margin-right:16px; font-weight:bold;}
.popcon_dec dl dd{float:left;}
.work_dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; opacity:0; z-index:1000}
.work_pop_con{ font-family:nanum_barun, sans-serif; font-weight:normal; font-size:12px; line-height:100%; vertical-align:middle;}
.popcon_dec dl{font-size:14px; line-height:100%; }
.popcon_dec dl dt{font-family:ng_midium;font-weight:normal;}
.popcon_dec dl dd{font-family:ng_light; font-weight:normal;}
.popcon_mission{margin-top:30px; border-bottom:1px solid #285032; line-height:26px;}
.work_pop_con h3{
  font-family:ng_midium; 
  font-weight:normal; 
  font-size:22px; 
  height: 60px;
  color:#fff;
  background-color: #000;
  padding-left: 5%;
  line-height: 60px;
}
.popcon_mission h4{
  font-family:ng; 
  font-weight:normal; 
  font-size:22px; 
  margin-bottom:26px; color:#285032}
.work_pop .viewLeft,
.work_pop .viewRight{
  float: none;
  width: 100%
}

.popcon_mission > p{margin-bottom:26px;}
.popcon_inner .mission_last{border-bottom:0;}
.popcon_mission{margin-top:30px; border-bottom:1px solid #285032}
.work_pop_head_inner{margin:4px 0 0 21px;}
.product_pop_head_inner{margin:16px 0 0 21px;}
.work_pop_head h2,
.product_pop_head h2{
  /*width:100%; */
  padding-right: 58px;
  font-size:18px; font-weight:normal; margin-bottom:5px;color:white; font-family:ng_midium; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.work_pop_head_inner > p{
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: 58px;
  overflow: hidden;
}
.popcon_dec dl.n_margin{margin:0;}

.work_pop_product{margin:0 7.4%; overflow:hidden;}
.work_pop_product .popcon_mission{border-top:1px solid #285032; margin-top:60px; padding-top:30px;}
.wppr_text ul li{float:left; width:48%; margin-right:4%; overflow:hidden; margin-bottom:10px; font-size:12px; font-family:dotum, '돋움'; cursor:pointer;}
.wppr_text ul li img{width:100%;}
.wppr_text ul li:nth-child(even){margin:0;}

.hover_dark{position:absolute; top:0; left:0; z-index:1000; background-color:#634BBC; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; cursor:pointer;}
.common_con section{position:relative; float:left;}


a.on_lab{color:white !important;}
a.on_lab:link{color:white !important;}
a.on_lab:visited{color:white !important;}

.vimeo_frm_new{width:100%; padding-top:40px;}
.vimeoIframe{
  width: 100% !important;
  height: 100% !important;
  background-color: #000;
  }
  .popcon_inner > div.vimeoWrap,
  .dev_con_img > div.vimeoWrap{
     position: relative;
    padding-bottom: 53.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  /* #represent_Vimeo_Movie{
    background-color: #191919;
    padding: 0px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    top: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
  } */
/*work pop old*/
.work_pop_old{width:100%; position:absolute; top:89px; left:0; z-index:10000; background-color:white; display:none;}
.work_pop_old 
.popcon_mission h4{color:black; font-family:ng, nanum_barun, sans-serif; font-size:20px; font-weight:bold; line-height:150%;}
.work_pop_old .popcon_inner{border-top:4px solid black;}
.work_pop_old .popcon_dec{border-bottom:1px solid black; color:black;}
.work_pop_old .popcon_mission{border-bottom:1px solid black}
.work_pop_old .popcon_mission img{width:100%;}
.vimeo_frm{width:100%}
.jwplayer_class{display:none;}

/*about*/
#wrap_about .wrap_inner{
  background-image: url(/resources/image/about_bgimg.gif);
}
#wrap_about header{
  background-color: transparent;
}
.about_article,
.recruit_article,
.press_article table.pressList{
  position:relative; overflow:hidden;margin: 0 auto;}
.about_article .clip,
.recruit_article .clip{width:51px; display:block; height:104px; position:absolute; top:0; z-index:100;}
.about_article .cl_left,
.recruit_article .cl_left{left:20%; background:url(/resources/image/clip_left.png) 0 0 no-repeat;}
.about_article .cl_right,
.recruit_article .cl_right{right:20%; background:url(/resources/image/clip_right.png) 0 0 no-repeat;}
.about_secWrap{margin:90px 0;}
.about_secWrap img{
  width:100%;
  max-width: 1160px;}
.about_secInner{width:100%; margin:0 auto; -webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 0px rgba(0, 0, 0, 0.5);}
.about_secInner > section{position:relative;}

.about_article > .about_secWrap > .about_secInner > section,
.about_article > .about_secWrap > .about_secInner > section:after{
  width: 100%;
}


/*News letter*/

   /*시안을 데스크탑만 만들어줘서 반응형 계산을 시안 사이즈 기준인 1420px 넓이 기준으로함 */
  .titleVisual{
    width: 100%;
    max-width: 463px;
    max-height: 629px;
    overflow: hidden;
    background-image: url('/resources/image/bg_newsletterVisual.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    margin: 0 auto;
    text-align: center;
    /*padding-top: 8.52112676056338%;*/
    padding-top: 67px;
    /*121px / 1420px*/
    /*padding-bottom: 3.52112676056338%;*/
    padding-bottom: 50px;
    /*50px / 1420 px*/
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #1e1e1e;
    font-size: 13px;
  }
  .titleVisual hr{
    width: 80px;
    height:1px;
    border: 0;
    background-color: #fff;    
    display: block;
    margin: 0 auto;
  }
  .titleVisual > h1{
    font-size: 2.076em;
    /*27 / 13*/
    line-height: 1;
    margin-top: 7.34375%;
    /*47 / 640*/
    margin-bottom: 7.03125%;
    /*45 / 640*/
    font-family: ng_midium;
    font-weight: normal;
    color: #fff;
  }
  .titleVisual > h2{
    font-family:ng, nanum_barun, sans-serif;
    font-size: 0.846em;
    /*font-size: 11px;*/
    /*11 / 13*/
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 1.5625%;
    /*10 / 640*/    
    color: #fff;
  }
  .titleVisual > p{
    font-family:nanum_barun, sans-serif;
    font-size: 0.692em;
    /*9 / 13*/
    line-height: 1.6;
    color: #fff;
    margin-bottom: 6.25%;
    /*40 / 640*/
  }
  .titleVisual > a > img,
  .registPopup > a > img{
    width: 95px;
  }
  .underline{
    border-bottom: 1px solid #fff;
  }  
  .newsletter_sec{
    width: 100%;
    height: auto;
    border-top: 4px solid #1e1e1e;
    padding-top: 48px;
    margin-bottom: 35px;
    float: none;
  }
  .newsletter_sec_contents_wrap{
    width: 100%;
    height: 100%;
    position: relative;
  }
  .newsletter_sec_contents_wrap > div > a > img{
    width: 34px;
  }
  .newsletter_sec > div > div{
    text-align: center;
  }
  .newsletter_sec > div > div > h1{
    font-size: 1.384em;
    /*18 / 13*/
    font-family: ng, nanum_barun, sans-serif;
    font-weight: normal;
    color: #000;
    margin-top: 4.0625%;
    /*26 / 640*/
    margin-bottom: 3.125%;
    /*20 / 640*/
  }
  .newsletter_sec_contents_wrap > a > img{
    width: 100%;
    max-width: 460px;
  }
  #wrap_newsletter .registPopup{
    position: absolute;
    background-color: #fff;
    /*top: -60px;*/
    top: -25px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    display: none;
  }  
  #wrap_newsletter table{
    width: 100%;
    /*border-top: 60px solid #000;*/
    /*border-top: 25px solid #000;*/
    /*border-bottom: 2px solid #e9e9e9;*/
    margin-top: 25px;
    margin-bottom: 8.28125%;
    border-collapse:collapse;
    border: 0;
    border-spacing: 0;
    /*53 / 640 */
  }
  #wrap_newsletter table tr{
    /*height: 82px;*/
    height: 34px;
    /*border-top: 2px solid #e9e9e9;*/
  }
  #wrap_newsletter table td{
    width: 100%;
    /* width: 30.25%;
    min-width: 125px;
    max-width: 135px; */
    border-bottom: 1px solid #e9e9e9;
    box-shadow: none;
    -ms-box-shadow: none;
    /*136/640*/
    text-align: left;
    /*43 / 640*/    
    /*16 / 13*/
    /*color: #323232;*/
    font-family: nanum_barun;
    position: relative;
  }
  #wrap_newsletter table td > span{
    position:absolute; 
    top:0; 
    left:0; 
    height:32px; 
    display:inline;
    z-index:100; 
    /*text-align:center; */
    /*background-color:white;*/
    padding-left: 33px;
    font-size: 1.230em;
    line-height: 34px;
    font-weight: normal;
    color: #323232;
  }
  #wrap_newsletter .rq{
    background-image: url('/resources/image/newsletter_rq.jpg');
    background-position: 12px 50%;
    /*25/640*/
    background-repeat: no-repeat;
     -webkit-background-size: 9px 9px;
background-size: 9px 9px; 
  }  
  #wrap_newsletter table td input{
    /*position: absolute;*/
    /*height: 100%;*/
    width: 100%;
    left: 0;
    right: 0;
    top: 0;    
    font-family: ng_light, nanum_barun;
    color: #323232;
    font-size: 1.153em;
    line-height: 1.153em;
    /*30 / 13*/
    border: 0;
    /*background-color: #e0e0e0;*/
  }  
/*   #wrap_newsletter table td > span.userName{
   width: 50px; 
} */
    /* + 8*/
  #wrap_newsletter table td input#user_name{
    text-indent: 78px;
  }
  #wrap_newsletter table td input#user_email{
    text-indent: 92px;
  }
  #wrap_newsletter table td input#user_company{
    text-indent: 78px;
  }
  #wrap_newsletter table td input#user_position{
    text-indent: 121px;
  }
  .registPopup .buttonClose{
    width: 100%;
    height: 25px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    text-align: right;
    padding-right: 5px;
    padding-top: 5px;
         -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }
  .registPopup .buttonClose  > a > img {
    width: 15px;
    height: 15px;
  }

/*press*/
.press_article{
  margin-bottom: 90px;
}
.press_article table.pressList,
.press_content table.pressList{
  border-bottom: 2px solid #c0c0c0;
  width: 100%;
  border-collapse:collapse;
}
.press_content table.pressList{
  border-bottom: 0;
}
.press_article table.pressList > tbody > tr{
  border-bottom: 1px solid #c0c0c0;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0;
}
.press_article table.pressList > tbody > tr:hover{
  background-color: #fff;  
  }
.press_article table.pressList > tbody > tr  .date,
.press_content table.pressList > tbody > tr  .date{
  /*width: 29.84375%;*/
  /*width: 95.5px;*/
  max-width: 136px;
  /*min-width: 95.5px;*/
  text-align: left;
  padding: 18.5px 7.8125% 32px 3.4375%;
  font-size: 2.115384615384615em;
  /*27.5px/13*/
  font-family: "Times New Roman",times, Georgia,Serif;
  font-weight: normal;
  color: #1e1e1e;
   -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
} 
.press_article table.pressList > tbody > tr  .date .year,
.press_content table.pressList > tbody > tr  .date .year{
  font-size: 0.3333333333333333em;
  /*9/27*/
  color: #48434f;
  font-family:ng; 
  font-weight:normal;
  text-align: left;
  letter-spacing: 1px;
}
.press_content table.pressList > tbody > tr  .date .year{
  color: #79767e;
}
 .press_article table.pressList .tdTable,
 .press_content table.pressList .tdTable{
  width: 100%;
  table-layout: fixed;
} 
.press_article table.pressList .tdTable td,
.press_content table.pressList .tdTable td{
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.press_article table.pressList > tbody > tr  a h2,
.press_content table.pressList > tbody > tr  h2{
  text-overflow: ellipsis; 
  white-space: nowrap; 
  overflow: hidden;
  font-size: 1.230769230769231em;
  /*16px / 13*/
  font-family: nanum_barun, 'nanum_barun', 'Dotum';
  color: #1e1e1e;
}
.press_article table.pressList > tbody > tr  a span,
.press_content table.pressList > tbody > tr  span{
  text-overflow: ellipsis; 
  white-space: nowrap; 
  overflow: hidden;
    font-size: 0.8461538461538462em;
    /*11px / 13*/
    font-family: nanum_barun, 'nanum_barun', 'Dotum';
    color: #6e6e6e;
}
.press_article table.pressList > tbody > tr.more a,
.press_content table.pressList > tbody > tr.more a{
  display: block;
  background-color: #d9d9d9;
  width: 100%;
  font-size: 50px;
  text-align: center;
}
.press_article .pagerarea{
  padding-top: 3.90625%;
  /*25 / 640 */
  padding-bottom: 3.90625%;
  text-align: center;
}
.pagerarea a{
  font-size: 0.692em;
  /*9/13*/
  font-family: ng_midium;
  font-weight: normal;
  color: #a7a7a7;
  /*width: 22.5px;*/
  padding-left: 1.25%;
  padding-right: 1.71875%;
  background-image: url('/resources/image/icon/dot_bl.png');
  background-repeat: no-repeat;
  -webkit-background-size: 2px;
  background-size: 2px;
  background-position: right 50%;
}
.pagerarea a:hover,
.pagerarea a:focus{
  color: #7359d1;
}
.pagerarea a.currentList{
  color: #2d2d2d;
}
.pagerarea a:last-child{
  background: inherit;
}
.pressview_wrap{
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 60px;
}
.press_pop_nav{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 800;
  height: 60px;
  width: 100%;
  /* background-color: #e0e0e0; */
}
.press_pop_nav
.press_img{
  min-height: 0px;
  background-color: #333;
}
.press_pop_nav > li{
  margin: 0;
  padding: 0;
  float: right;
  border-left: 1px solid #d3d3d3;  
  text-align: center;
  width: 16.5625%;
}

.press_pop_nav li.prevImg,
.press_pop_nav li.nextImg{
  background-color: #e9e9e9;
}
.press_pop_nav li.prevImg:hover,
.press_pop_nav li.nextImg:hover,
.press_pop_nav li.press_con_closeLi:hover{
  background-color: #dfdfdf;
}
.press_pop_nav li.press_con_closeLi{
  background-color: #fff;
}
.press_pop_nav > li a{
  line-height: 60px;
  width: 100%;  
  display: block;
}
.press_pop_nav > li img{
  width: 15px;
}
.press_pop_nav > li .press_con_close img{
  width: 27.5px;
}
.pressview_wrap .press_content ul li{
  /*float: left;*/
  color: #1e1e1e;
  /*line-height: 149px;*/
}
.pressview_wrap .press_content ul li.year{
  width: 10%;
  max-width: 66px;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
  font-family: ng;
  font-weight: normal;
  /*padding-left: 22px;*/
}
.pressview_wrap .press_content ul li.date{
  width: 15%;
  max-width: 136px;
  overflow: hidden;
  font-size: 48px;
  text-align: center;
  font-family: "Times New Roman",times, Georgia,Serif;
  /*padding-left: 30px;*/
}
.pressview_wrap .press_content ul li.title{
  width: 70%;
  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
  font-size: 11.5px;
  padding-left: 40px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 56px;
  line-height: 1.5;
}
.pressview_wrap .press_content ul li.title > span{
  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
  font-size: 18px;
   font-family: nanum_barun, sans-serif;
   font-weight: bold;
}
.pressview_wrap .press_content_body{
  border-top: 1px solid #d2d2d2;
  padding: 6.25% 3.28125%;  
}
.pressview_wrap .press_content_body .press_body_title{
  font-family: nanum_barun, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #1e1e1e;
  margin-bottom: 30px;
}
.pressview_wrap .press_content_body p{
  font-size: 14px;
  line-height: 1.5;
  color: #7c7c7c;  
}
.pressview_wrap .press_content_body .add_link{
  margin-top: 10px;
  margin-right: 10px;
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  background-color: #595959;
  color: #fff;
  webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 9px 10px 8px;
}
.pressview_wrap .press_content_body .add_link:hover{
  background-color: #6e43f6;
}
/*product*/
#wrap_product article.product_article,
#wrap_product article#sortType2,
article.culture_article,
  article.contact_article{
  position: relative;
  overflow: hidden;
}
#wrap_product article#sortType2{
        -webkit-box-shadow:0px 2px 4px #afafaf;
        -moz-box-shadow:0px 2px 4px #afafaf;
        box-shadow:0px 2px 4px #afafaf;
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        background-color: #fff;
        padding-top: 40px;           
        margin: 0 auto;
}

#wrap_product article#sortType1{
  -webkit-box-shadow:0px 2px 4px #afafaf;
        -moz-box-shadow:0px 2px 4px #afafaf;
        box-shadow:0px 2px 4px #afafaf;
}
article#sortType2 section.product_con,
article#sortType2 section.related_sec{
  color:#181818; 
  /*margin-top:40px;*/
  /*padding-left: 40px;*/
  /*padding-right: 40px;*/
  margin-left: 40px;
  margin-right: 40px;  
}
article#sortType2 section.lineup_con{
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 60px;
}
article#sortType2 section.lineup_con:last-child{
  border-bottom: 0;
}
article#sortType2 section.related_sec{
  border-top: 2px solid #1e1e1e;
  padding-top: 35px;
}
article#sortType2 section h1{
  font-family: ng_midium;
  font-size: 29px;
  font-weight: normal;
  display: inline;  
}
article#sortType2 section.product_con h2{
  font-family:ng; 
  font-size:13px; 
  font-weight:normal;
  display: inline;
  margin-left: 10px;  
}
div#sortBottom{
  margin-bottom: 60px;
}
.title_img > img,
.feature_img > img,
.con_img > img{
  width: 100%;
}
.product_view{
  /*margin-top: 50px;*/
}
.product_view .leftSection,
.product_view .rightSection{
  float: left;
  width: 50%;
}
.product_view .leftSection h2{
   font-family:ng_light;
   font-weight: normal;
   font-size: 36px;
   color: #1e1e1e;
}
.product_view .rightSection h3,
.product_view .rightSection p{
  font-family:nanum_barun, sans-serif;
  font-size: 24px;
  line-height: 1.5;
  color: #000;
}
.product_view .rightSection p{
  line-height: 1.8;
  margin-top: 40px;
  margin-bottom: 100px;
  font-size: 14px;
}
.product_view section{
  border-bottom: 1px dotted #b2b2b2;
  margin-bottom: 30px;
}
.product_view section:last-child{
  border-bottom: 0;
}
.product_view section.keyfeature{
}
.product_view section.keyfeature > h3,
.product_view section.overview > h3{
  font-family: ng;  
  font-weight: normal;
  font-size: 14px;
  color: #1e1e1e;
  margin-bottom: 47px;  
}
.product_view section.keyfeature > div > h1{
  font-family: ng_light;
  font-weight: normal;
  border-top: 3px solid #1e1e1e;
  font-size: 60px;
  color: #181818;
  margin-bottom: 20px;
}
.product_view section.keyfeature > div > h2{
  font-family:nanum_barun, sans-serif;
  font-size: 24px;
  color: #000;
  margin-top: 35px;
  margin-bottom: 30px;
}
.product_view section.keyfeature > div p{
    font-family:nanum_barun, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 100px;
}
/* article#sortType2 section.related_sec span{
  display: block;
  font-family:ng; 
  font-size:23px; 
  font-weight:normal;
} */
article#sortType2 section h2 img{margin-left:10px}
/*.product_con{border-bottom:1px solid #2e2e2e;}*/
.product_con h2{line-height:28px; margin-bottom:50px; vertical-align:middle;}
.product_con h2 img{cursor:pointer;}
.product_text{font-family:nanum_barun, sans-serif; overflow:hidden; height:0;}
.product_text h3{font-size:1.3em; font-weight:normal; letter-spacing:-1px; padding-top:25px; line-height:100%; line-height:150%;border-top:1px solid #bababa;}
.product_text p{line-height:26px;margin-bottom:27px;}
.product_list, 
.related_list{margin-bottom:60px;margin-top: 50px;}
.lineup_list{margin-bottom:0px;margin-top: 35px;}

.product_list ul,
.lineup_list ul{overflow:hidden; }
.product_list ul li,
.lineup_list ul li{
  width:24%; 
  min-width: 265px;
  float:left; 
  position:relative; 
  border-top:2px solid #1e1e1e; 
  /*border-left: 1px solid #c7c7c7;*/
  /*border-right: 1px solid #c7c7c7;*/
  margin-bottom:10px;
}
.product_list ul li > dl,
.lineup_list ul li > dl{
  width: 35%;
  float: left;  
}
.product_list ul li > dl > dt.dtnumber,
.lineup_list ul li > dl > dt.dtnumber{
  font-family: ng_light;
  font-size: 29px;
  font-weight: normal;
  margin-top: 25px;  
}
.product_list ul li > dl > dt.dtname,
.lineup_list ul li > dl > dt.dtname{
  font-family: ng_midium;
  font-size: 16px;
  line-height: 1.2;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 15px;
  word-wrap: break-word;
}
.product_list ul li > dl > dd,
.lineup_list ul li > dl > dd{
  font-family: ng_light;
  font-style: 10px;
  color: #6e6e6e;
  text-decoration: underline;
  margin-top: 15px;
  word-wrap: break-word;
}
.product_list ul li > div.thumb,
.lineup_list ul li > div.thumb{
  width: 65%;
  float: right;
  margin-top: 30px;
  /* position: absolute;
  right: 0;
  top: 0; */
}
.product_list ul li.msp,
.lineup_list ul li.msp{margin-right:6%}
.product_list ul li img,
.lineup_list ul li img{width:100%;}
/*.product_list ul li p{position:absolute; top:5px; left:0;}*/
.pro_nmg{border:0; cursor:pointer;}


.product_top_list{display:none;}
.translook_add0 ul{margin-top:10px;}
.translook_add0 ul li{float:left; margin-right:40px;}
.translook_add0 ul li img{width:auto;}

/*신규 추가 2014 05 */
#product_nav{
  height: 135px;
  overflow: hidden;
  position: relative;
}
#product_nav ul li {
  float: left;
}
#product_nav ul.section_list{
  position: absolute;
  top: 0;
  left: 0;
  /*z-index: 40;*/
}
#product_nav ul.section_control{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;  
}
#product_nav ul.section_control li,
#product_nav ul.section_list li
{
  text-align: center;
  border-left: #d3d3d3 1px solid;
}

/*#product_nav ul.section_list li:first-child{
  border-left: 0;
}*/
#product_nav ul.section_list > li{
  width: 235px;
}
#product_nav ul.section_list > li > a{
  display: block;
  width: 100%;
  /*width: 235px;*/
  /*line-height: 135px;*/
  height: 135px;
  border-bottom: 1px solid #c0c0c0;
  background-color: #e9e9e9;
  padding-top: 30px;
  /*padding-bottom: 30px;*/
}
#product_nav ul.section_list > li > a:hover {
  background-color: #f9f9f9;
}
#product_nav ul.section_list > li > a div{
  line-height: 3.2;
}
#product_nav ul.section_list > li > a span{
  display: block;
  font-family: ng_light;
  font-size: 12px;
  color: #3c3c3c;
  letter-spacing: 0.5px;
}
#product_nav ul.section_list > li.activeTab > a{
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
#product_nav ul.section_list > li.activeTab > a span{
  color: #3c3c3c;
}
#product_nav ul.section_control > li > a{
  display: block;
  width: 80px;
  line-height: 134px;
  border-bottom: 1px solid #c0c0c0;
  background-color: #fff;
}
#product_nav ul.section_control > li > a:hover{
  background-color: #f3f3f3;  
}
.product_article > .tabContents{
  position: relative;
  /*margin-left: 1px;*/
}
.product_article > .tabContents .tabContent{
  background-color: #fff;
}
.product_article > .tabContents .tabContent section img{
  width: 100%;
}

.product_article > .tabContents .activeTab > section,
.product_article > .tabContents .activeTab > section:after{
  width: 100%;
}
.product_article > .tabContents .tab_title{
  display: none;
}
.product_article > .tabContents > .activeTab .tab_title{
  display: block;
}

.product_article > .tabContents section{
  margin-top: 0;
}
.product_article > .tabContents  .tab_title{
  /*padding-top: 65px;
  padding-bottom: 50px;*/
  /*text-align: center;*/
}
/* .product_article > .tabContents  .tab_title > img{
  width: 100%;
} */
.information .titleImg,
.information .visitsite,
.information .awards{
  /*float: none;*/
  position: relative;
  font-family: times_italic;
  font-size: 40px;
  color: #0f0f0f;
}
.information .titleImg,
.information .visitsite,
.information .awards,
.viewmovie{
  text-align: center;
}
.product_article > .tabContents .tab_title > .information{
  padding-top: 10.72607260726073%;
  padding-bottom: 8.25082508250825%;
  }
  .product_article > .tabContents .tab1 .tab_title > .information,
  .product_article > .tabContents .tab5 .tab_title > .information,
  .product_article > .tabContents .tab6 .tab_title > .information{
  padding-top: 12.5%;
  padding-bottom: 11.40625%;
  }
  .product_article > .tabContents .tab_title > .information{
    vertical-align: middle;
  }

.product_article > .tabContents .tab_title > .information .titleImg{
  font-size: 3.11em;
  /*font-size: 1.555em; */
  /*시안상 40.43px -> 모바일코딩 20.215px / 부모 13px*/
}
.product_article > .tabContents .tab1 .tab_title > .information .titleImg img{
  max-width: 433px;
  width: 67.65625%;
  }
.product_article > .tabContents .tab2 .tab_title > .information .titleImg img{
  max-width: 240px;
  width: 37.5%;
  }
   .product_article > .tabContents .tab4 .tab_title > .information .titleImg img{
  max-width: 200px;
  width: 31.25%;
  } 

.product_article > .tabContents .tab_title > .information .visitsite{
  /* margin-top: 20px;
  margin-bottom: 34px; */
  margin-top: 3.3003300330033%;
  /*margin-bottom: 5.61056105610561%;*/
}
.product_article > .tabContents .tab_title > .information .awards{
  margin-top: 5.61056105610561%;
}

.product_article > .tabContents .tab_title > .information .visitsite a img{
  max-width: 160px;
  width: 25%;
}
.product_article > .tabContents .tab_title > .information .awards img{
  max-width: 425px;
   width: 66.40625%
}
.product_article > .tabContents .tab3 .tab_title > .information .awards img{
  max-width: 419px;
   width: 65.46875%
} 
.product_article > .tabContents .tab3 .tab_title > .information .awards img{
  max-width: 419px;
   width: 65.46875%
} 
 .product_article > .tabContents .tab4 .tab_title > .information .awards img{
  max-width: 449px;
   width: 70.15625%
} 

.product_article > .tabContents .tab_title > .viewmovie{
  /* margin-top: 50px;
  padding-top: 70px; */
  padding-top: 11.55115511551155%;
  padding-bottom: 8.25082508250825%;
  border-top: 2px solid #e9e9e9;
}
.product_article > .tabContents .tab_title > .viewmovie > img{
  max-width: 545px;
  width: 85.15625%;
}
.product_article > .tabContents .tab0 .tab_title > .viewmovie{
  border-top: 0;
}
.product_article > .tabContents .tab0 .tab_title > .viewmovie > img{
  max-width: 378px;
  width: 59.0625%;
}
.product_article > .tabContents .tab1 .tab_title > .viewmovie > img{
  max-width: 522px;
  width: 81.5625%;
}
.product_article > .tabContents .tab3 .tab_title > .viewmovie > img{
  max-width: 478px;
  width: 74.6875%;
}
.product_article > .tabContents .tab5 .tab_title > .viewmovie > img{
  max-width: 332px;
  width: 51.875%;
}
.product_article > .tabContents .tab6 .tab_title > .viewmovie > img{
  max-width: 326px;
  width: 50.9375%;
}
.product_article > .tabContents .tab_title > .viewmovie a img{
  /*padding-top: 65px;*/
  padding-top: 10.72607260726073%;
  max-width: 97px;
  width: 17.96875%;
}
/*product_detail*/
.pdt_article{color:#181818; overflow:hidden;}
.pdt_article img{width:100%;}
.pdt_head{padding-bottom:24px; }
.pdt_head p{margin:18px 0 18px 4%; padding-left:4%; background:url(/resources/image/icon/back_icon.gif) 0 center no-repeat; font-family:ng; font-size:13px;}
.pdt_sec{border-top:1px solid #181818; overflow:hidden;margin-bottom:40px; cursor:auto;}
section.pro_nmg{border-bottom:0;}
.pdt_sec h2{font-size:30px; font-family:times_italic; font-weight:normal; margin:30px 0 60px 0;}
.pdt_sec h3{font-family:nanum_barun, sans-serif; font-size:15px; font-weight:normal; line-height:30px; margin:29px 0 21px 0;}
section.pdt_sec > p{line-height:28px; vertical-align:middle;}
.pdt_sec h4{font-family:ng_midium; font-size:15px; margin:30px 0 24px 0; font-weight:normal;}
.pdt_sec h5{font-family:nanum_barun, sans-serif; font-size:13px; line-height:100%; margin:22px 0 15px 0; }
.pdt_con{border-top:1px solid #bababa; padding-top:25px; margin-bottom:20px;}
.pdt_sec p{font-family:nanum_barun, sans-serif; line-height:26px; font-size:12px; vertical-align:middle; color:black; width:95%; 
 }
section.pro_nmg ul{overflow:hidden;}
section.pro_nmg ul li{width:48%; float:left; margin-bottom:10px;}
section.pro_nmg ul li:nth-child(odd){margin-right:4%;}
section.pro_nmg ul li.n_margin{margin:0}
section.pro_nmg ul li dl{font-size:10px; margin-top:12px;}
.pdt_num1{border-top:2px solid black;}
.translook_add0{display:none;}
.translook_add0 a:link{text-decoration:underline}

.product_pop,
.press_view_pop{
  font-family: nanum_barun;
}
.product_pop .category_name{
  padding:15px 0 0 21px;
}

/*map popup*/
.map_pop{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000; visibility:hidden; z-index:-100;}
.map_dim{position:absolute; top:0; left:0; width:100%; height:100%; background-color:black; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; z-index:100}
.map_pop iframe{ width:100%; height:300px;overflow:hidden;}
.map_box{width:100%; position:relative; z-index:1000; background-color:white;}
.map_box_head{background-color:#151515; overflow:hidden; height:90px; line-height:90px; vertical-align:middle;}
.map_box_head h3{float:left; font-family:ng_midium; font-size:24px; font-weight:normal; color:white; padding-left:20px;}
.map_box_head > span{float:right;}
.map_box_head > span img{margin-right:20px;}
.map_text_box{width:80%; margin:0 auto; color:black;}
.map_text_box > div{padding-bottom:30px; border-bottom:1px solid #cccccc; font-family:nanum_barun, 'nanum_barun', 'Dotum'; font-weight:normal; overflow:hidden;}
.map_text_box h4{margin-top:28px; margin-bottom:20px; font-family:ng_midium, 'Dotum'; font-weight:normal;}
.map_text_box p,
.map_text_box li{line-height:28px;}
.map_text_box .map_list1 li{float:left;margin-right:5px;}
.map_text_box li span{font-weight:bold;}

/*contact*/
.contact_secWrap, .contact_DirectionWrap{
  font-family:nanum_barun, 'nanum_barun', 'Dotum'; 
  font-weight:normal;
  font-size: 14px;
  line-height: 1;
  color: #1e1e1e;
}
.contactSec,
.contact_DirectionWrap{
  float: none;
  /*border-top: 2px solid #000;*/
  width: 100%;
}
.contactSec h1,
.contact_DirectionWrap h1{
  border-top: 2px solid #000;
  padding-top: 22px;
  margin-bottom: 71px;
  font-family: ng;
  font-size: 24px;  
}
.contact_DirectionWrap h1{
  margin-bottom: 63px;
}
.contactSec span.title{
  font-family: ng_light, nanum_barun, 'nanum_barun', 'Dotum'; 
  font-weight: bold;
}
.contactSec .infor{
  font-family: ng_light;
  letter-spacing: 0px;
  margin-right: 20px;
}
.contactSec .infor.email{
  text-decoration: underline;
}
.contactSec dl{
  margin-bottom: 108px;
}
.contactSec dl dt{
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 18px;
}
.contactSec dl dd{
  line-height: 1.5;
}
.contact_secWrap dd.address_kor{

}
.contact_secWrap dd.address_eng{
  font-size:12px; 
  font-family:ng; 
  padding-bottom: 30px;
}
.contact_secWrap dd.defined{
  padding-top: 46px;
}
.contact_Direction {
  padding-top: 20px;
  padding-bottom: 74px;
  font-size: 14px;
  font-family:nanum_barun, 'nanum_barun', 'Dotum'; 
}
.contact_Direction h2{
    border-top: 1px solid #8c8c8c;
    padding-top: 20px;
  font-family: ng;
  margin-bottom: 38px;
}
.contact_Direction dl,
.contact_Direction p{
  line-height: 1.5;
}
.contact_Direction p{
  margin-bottom: 30px;
}
.contact_Direction dl dt{
  font-weight: bold;
}
.contact_Direction dl dd{
  padding-bottom: 30px;
  font-size: 14px;
}
.contact_Direction p{
  font-size: 14px;
}
/*.contact_secWrap dl{
  float: none;
  
  
  margin: 0 20px 120px;
  padding-top: 20px;
  color: #000;
}
.contact_secWrap dt{
  font-family:ng_midium; 
  font-size:22px; 
  font-weight:normal;  
  padding-bottom: 70px;
}
.contact_secWrap dd{
  font-family:ng; 
  font-weight:normal;
  padding-bottom: 15px;
  font-size:14px; 
}
.contact_secWrap dd.address_kor{
  font-family:nanum_barun, sans-serif; 
  font-weight:600;
  font-size: 16px;  
}
.contact_secWrap dd.address_eng{
  font-size:12px; 
}*/
/* .contact_secWrap dl.email_dl dd > span.infor{
  text-decoration: underline;
}
.contact_secWrap dl.email_dl dd > span.title{
  font-family: ng_midium;
} */
.map_section iframe{
  width: 100%;
  height: 480px;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 40px;
}

/*Recruit*/

.recruit_wrap{
  font-family: nanum_barun, 'nanum_barun', 'Dotum';
  font-weight: normal;
}
.recruit_wrap > .TopVisual{
  /*height: 370px;*/
  text-align: center;
  background-color: #1d1d1d;
  padding-top: 56px;
  padding-bottom: 63.5px;
  background-image: url('/resources/image/recruit_bgimg.gif');
  background-position: 50% 0;
  -webkit-background-size: 512px 370.5px;
  background-size: 512px 370.5px;
}
.recruit_wrap > .TopVisual > h1{
  font-family: ng_midium;
  font-weight: normal;
  font-size: 42px;
  line-height: 1;
  padding-bottom: 27.5px;
  /*border-bottom: 1px solid #8e8e8e;*/
  color: #fff;
  text-transform: uppercase;
}
.recruit_wrap > .TopVisual > hr{
  height: 1px;
  border: 0;
  width: 298px;
  background-color: #8e8e8e;
  display: block;
  margin: 0 auto;
}
.recruit_wrap > .TopVisual > h2{
  font-family:times_italic; 
  font-weight:normal;
  font-size: 20px;
  line-height: 0.9;
  margin-top: 27.5px;
  margin-bottom: 32px;
  color: #fff;
}
.recruit_wrap > .TopVisual > p{
  color: #bbbbbb;
  font-size: 11px;
  line-height: 1.65;
}
.recruit_wrap .Process,
.recruit_wrap .application{  
  line-height: 1;
  padding-right: 22px;
  padding-left: 22px;
  margin-top: 40px;
  border-bottom: 1px solid #a7a7a7;
  float: none;
  width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.recruit_wrap .Process > h1,
.recruit_wrap .application > h1{
  font-size: 13px;
  padding-bottom: 22.5px;
  font-family: ng;
  font-weight: normal; 
  color: #1e1e1e;  
  /*margin-bottom: 10px;*/
}
.recruit_wrap .processStep,
.recruit_wrap .application > div{
  padding-top: 10px;
  border-top: 2px solid #0f0f0f;
}
.recruit_wrap .processStep li{
  float: left;
  width: 32.6%;
  -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
  background-color: #ffffff;
  margin-right: 1%;
  padding-top: 7px;
  padding-bottom: 23px;
  padding-left: 9px;
  padding-right: 9px;
  text-align: center;
  color: #1e1e1e;
}
.recruit_wrap .processStep li:last-child{
  margin-right: 0;
}
.recruit_wrap .processStep li h2{
  font-size: 6.88px;
  font-family: ng;
  font-weight: normal;
  text-align: left;
  margin-bottom: 43.5px;
}
.recruit_wrap .processStep li img{
  margin-bottom: 34px;
  width: 59.898%;
  max-width: 119px;
}
.recruit_wrap .processStep li h3{
  font-size: 10px;
  font-family: 'nanum_barun', nanum_barun, 'Dotum';
  font-weight: normal;
  color: #1e1e1e; 
  margin-bottom: 15px;
}
.recruit_wrap .processStep li p{
  font-size: 8px;
  color: #767676;
  font-family: 'nanum_barun', nanum_barun, 'Dotum';
  font-weight: normal;
  line-height: 1.2;
  white-space: nowrap;
}
.recruit_wrap .processMemo{
  margin-top: 30px;
  margin-bottom: 19px;
  color: #1e1e1e;
  font-size: 9px;
  line-height: 1.6;
  font-family: 'nanum_barun', nanum_barun, 'Dotum';
}
.recruit_wrap .processMemo li{
  margin-bottom: 17.5px;
}
.recruit_wrap .application{
  margin-bottom: 40px;
}
.recruit_wrap .application > div{
  margin-bottom: 45px;
}
.recruit_wrap .application > div h1{
  height: 35px;
  font-size: 20px;
  font-family:times_italic;
  line-height: 20px;
  color: #0f0f0f;
  border-bottom: 1px solid #a7a7a7; 
}
.recruit_wrap .application > div h1{
  letter-spacing: -1px;
}
.recruit_wrap .application > div h1 > span{
  padding-left: 6px;
  font-size: 6px;
  font-family: 'nanum_barun', nanum_barun, 'Dotum';
  font-weight: normal;
  letter-spacing: 0;
}
.recruit_wrap .VcommPart > h1 > img,
.recruit_wrap .VlabPart > h1 > img{
  width: 10.5px;
  height: 13px;
  position: relative;
  top: -2px;
}
.recruit_wrap .application > div table{
  width: 100%;
}
.recruit_wrap .application > div table tr{
  border-bottom: 1px dotted #a7a7a7;
}
.recruit_wrap .application > div table td,
.recruit_wrap .application > div table th{
  font-size: 9px;
  padding-top: 9px;
  padding-bottom: 9px;
  text-align: left;
  color: #616161;
}
.recruit_wrap .application > div table thead th{
  color: #1e1e1e;
}
.recruit_wrap .application > div table tbody th{
  width: 35.40268456375839%;
  font-size: 9px;
  line-height: 1.388888888888889;
  vertical-align: text-top;
  font-family: ng, 'nanum_barun', nanum_barun, 'Dotum';
  font-weight: normal;
}
.recruit_wrap .application > div table li{
  line-height: 1.388888888888889;
}
.recruit_wrap .application > div dl{
  margin-top: 10px;
  font-size: 9px;
  line-height: 1.388888888888889;
}
.recruit_wrap .application > div dl > dt,
.recruit_wrap .application > div dl > dd{
  float: left;
}
.recruit_wrap .application > div dl > dt{
  color: #1e1e1e;
  font-family: 'nanum_barun', nanum_barun,'Dotum';
  font-weight: normal;
  padding-top: 2px;
}
.recruit_wrap .application > div dl > dd{
  color: #616161;
  padding-left: 8px;
  
}
.recruit_wrap .application > div dl > dd .emailAddress{
  font-family: ng_midium;
  font-weight: normal;
  border-bottom: 1px solid #1e1e1e;
}
.recruit_wrap .application > div dl > dd > div{
margin-top: 16.5px;
}
.recruit_wrap .application > div dl > dd{
  padding-left: 21px;
}
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------463이하-------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:463px){
  header, nav#nav, .category, article.work_article,article.article_culture,.newsletter_article{
    width: 100%;
  }
  header .artistPopup{
    display: none;
  }
  .index_article section.VcommArea img,
.index_article section.VlabArea img{
    width: 87px;    
}
  .nav_gnb_inner{
    width: 100%;
  }
  #wrap article.work_article{
    padding-left: 2%;
  }
  article section.work_sec{
    width: 47%;
    margin-right: 2%;
    height: auto;
    margin-bottom: 5%;
  }
  article .related_sec section.work_sec{
      width: 46%;
      margin-right: 5%;
      height: auto;
      margin-bottom: 5%;
    }
  .mob_hide{
    width: 47%;
    /*line-height: 1;*/
    height: auto;
    margin-bottom: 0;
  }
  .mob_hide img {
    width: 30%;
    height: 30%
  }
  .searchCloseWrap,
  .searchClose { 
    width: 100%;    
  }
  .searchWrap .searchTitle{
    font-size: 1.4em;
  }
  #product_nav ul.section_list > li{
  width: 50%;
}
/*   .work_pop_head > p,
.product_pop_head > p{
    display: none;
} */
  .culture_cont_inner{
    padding: 0 2%;
  }
  .culture_cont .culture_cont_inner dl dt img{
    width: 100%;
  } 

  #product_nav ul.section_control{
    width: 50%;
  }
  #product_nav ul.section_control li{
    width: 33.333%;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
  }
  #product_nav ul.section_control > li > a{
    width: 100%;
  }
  .titleVisual{
    max-width: 100%;
  }
  .newsletter_sec{
    width: 96%;
    height: auto;
    margin-right: 2%;
    margin-left: 2%;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      float: none;
  }
  .map_section iframe{
    height: 240px;
  }
  article.contact_article{
    padding-left: 3%;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
  }
 
}

@media screen and (max-width:767px){
  /* #gnb > .gnb_1 > li > a{
    font-size: 40px;
  } */
  /*#gnb > .gnb_1 > li > a:hover{
    -webkit-background-size: 40px 25px;
    background-size: 40px 25px;
  }*/
  #gnb > .gnb_1{
    text-align: left;
  }
  #gnb .gnb_2 > li{
    font-size: 1.2em;
    margin-right: 5px;
  }
  #gnb .gnb_2 > li a{
    font-size: 30px;
  }
  /*.index_article section.VcommArea img, .index_article section.VlabArea img{
    width: 100%;
    max-width: 125px;
    max-width: 87px;
  }*/
/*    .index_article .index_articleWrap,*/
    #wrap_product article.product_article,
    #wrap_product article#sortType2,
    article.culture_article,
    article.contact_article{
      max-width: 463px;  
    }
    .product_list ul li,
    .lineup_list ul li{
      width: 100%;
    }
    .wrap_inner{
      overflow: visible;
    }
   article section.work_sec:nth-child(2n),
   article .related_list section.work_sec:nth-child(2n){
    margin-right: 0;
    } 
}

/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------768-1023-------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/



@media screen and (min-width:768px) {
	
    .wrap_inner{
      width:100%; 
      margin:0 auto; 
      padding:0;
    }
	header, 
      .index_article .index_articleWrap,
      #wrap_product article.product_article,
      #wrap_product article#sortType2,
      article.culture_article,
      article.contact_article,
      .searchClose,
      .nav_gnb_inner,
      .gnb_top,
      .titleVisual{      
      width: 700px;
    }
    .nav_gnb_inner h1,
    .gnb_top > div > h1{
      margin-left: 0;
    }
    .open_gnb, .close_gnb{
      right: 0;
    }
    header,
    .titleVisual{
      max-width: 100%;
    }
  /*header h1 img{width:25px;}*/
  .mob_hide{
    /*20140521 추가 by NIS*/
      line-height: 200px;
      width:223px;height: 200px;
    }
    .index_article section.VcommArea,
    .index_article section.VlabArea{
      width: 169px;
    }
    .index_article section.VcommArea img,
    .index_article section.VlabArea img{
      width: 100%;
      max-width: 210px;
    }
  article section.work_sec{
        width:223px; 
        height: 309px;
        float:left; margin-right:15px; position:relative;
         /*20140520 추가 by NIS*/
         margin-bottom: 30px;
        
    }  
    article .related_sec section.work_sec{
      width: 195px;            
      height: 282px;
    }
    article section.work_sec:nth-child(3n),
    article .related_sec section.work_sec:nth-child(3n){
      margin-right: 0px;
    }
/*     article section.work_sec:nth-child(2n),
article .related_sec section.work_sec:nth-child(2n){
  margin-right: 15px;
} */
    article section.work_sec > .work_newIcon{
      top: -8px;
      left: 19px;
    }
    article section.work_sec > .work_newIcon > img{
      width: 80%;

    }
    .work_secHead h2{
      padding-top: 12px;
      font-size: 0.8em;
    }
  .work_secHead{
      height: 75px;
      margin-left: 10px;
      margin-right: 10px;
    }
    .searchCloseWrap{
      display: block;
    }
    #represent_Vimeo_Movie{
      /* padding: 50px; */
    }

  article section.work_sec a img{
    width:100%; 
    height:auto;
    border-bottom:0px; 
    position:relative;
  }
    .work_sec p.date{
      bottom: 43px;
      font-size: 7px;
    }
    .work_sec p.m_text{
      font-size: 10px;
      padding-top: 7px;
      padding-bottom:16px;
      margin-left: 10px;
      line-height: 1;
    }

/*	nav.nav_gnb{display:block; position:fixed; top:0; left:0; height:49px; min-height:49px; width:100%; border-right:0px; border-bottom:1px solid #d9d9d9; font-size:12px; overflow:hidden;}*/
	/*.nav_gnb_inner{width:700px;}*/
	/*nav.nav_gnb ul.gnb{margin-top:18px;}
	nav.nav_gnb ul.gnb li{vertical-align:middle; line-height:20px; color:black; float:left; padding:0 11px; border-right:1px solid #d9d9d9; height:20px; border-bottom:0;}
*/
  .gnb_left{float:left; width:336px; margin-right:32px; font-size:16px;}
  .gnb_right{float:left; width:222px; overflow:hidden;}
  .gnb_right_add{width:400px;}
    /* #gnb > .gnb_1 > li > a, #gnb .gnb_2, #gnb .gnb_2n3{
      width: 700px;
      margin: 0 auto;
    } */
    /* #gnb .gnb_2{
        padding: 0 2%;
      } */
    /* #gnb .gnb_3{
      display: block;      
    } */
    
	/*.sns_box{display:block; float:right; margin:18px 0 0 0; padding-right:10px; width:86px;}*/

	.top_bar{display:block; height:7px; background-color:black; position:absolute; top:0; left:0}
	.gnb_on{background:none;}

	/*.gnb_sns li{line-height:21px; vertical-align:middle; margin-right:5px; padding-right:5px;}*/

	
	article.work_article,
      .newsletter_article{width:700px; }
	
	/*.mob_hide img{width:334px; height:190px; }*/
      .newsletter_sec{
        width: 49%;
        float: left;
        margin-right: 2%;
      }
      .newsletter_sec:nth-child(2n){
        margin-right: 0;
      }
	.common_con{width:720px}
	footer{width:700px; margin:0 auto;}
	.foot_list{display:block;}

    article.article_culture{width:690px; display:block; }
    .culture_cont{margin: 33px auto 20px;}
    .culture_cont .culture_cont_inner{line-height:12px; vertical-align:middle;}
    .culture_cont .culture_cont_inner dl{float:left; margin-right:4%; width:48%;
      margin-bottom: 30px;}
    .culture_cont .culture_cont_inner dl dt{
      margin-bottom: 12px;
    }
    /*.culture_cont .culture_cont_inner dl dt{margin-bottom:13px;}*/
    .culture_cont .culture_cont_inner dl dt img{width:100%;}
    .culture_cont .culture_cont_inner dl dd span{
      display: inline;
      margin-right: 16px;
    }
/*    .culture_cont .culture_cont_inner dl dd span{
      font-size: 12px;
      margin-bottom: 8px;
    }*/
    .culture_cont .culture_cont_inner dl:nth-child(2){
      margin-right: 0;
    }
    /*.culture_cont .culture_cont_inner dl:last-child{
      display: none;
    }*/


	.category{width:700px; font-family:ng_light;}
    nav#nav{width: 700px;margin: 0 auto;}
	nav#nav .nav_inner{height:83px}
	nav#nav ul.gnb_box{float:left}
	nav#nav ul.gnb_box li{width:208px;}
	nav#nav aside{
        width:215px; 
        position:absolute; 
        top:38px; 
        right:29px;
      }
	.crossLine{left:208px;}
	.nav_category{display:block;width:280px;}
	.nav_category li{
        float:left; margin-right:40px; width:24px;
        position: relative;
        }
      .nav_category li > .iconOver{
        position: absolute;
        left: -38px;
        top: -30px;
      }
      .nav_category li > .iconOver.categorySort{
        left: -38px;
      }
      .nav_category li > .iconOver.tagSort{
        left: -13px;
      }
      .nav_category li > .iconOver.dateSort{
        left: -9px;
      }
      .nav_category li > .iconOver.searchSort{
        left: -19px;
      }
	#nav .nav_arrow{display:block;}
	/*.category input.search{display:none; padding:0 20px;}*/
	.category{width:700px; overflow:hidden; position:relative;
      margin: 0 auto;
    }
	.category ul{overflow:hidden;}
	.category ul.category_list1{width:730px; display:block;margin:0 auto;}

	/*vcomm*/
	.category ul.category_list1 li{
        float:left; 
        width:16.5%; 
        height:70px; 
        padding-right: 17px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align:center; 
        color:black; 
        background:url(/resources/image/icon/list_bgline.png) right 0 no-repeat;
      }
      .category ul.category_list1.lab_category li{
        background:url(/resources/image/icon/list_bgline2.png) right 0 no-repeat;
      }      
      .category ul.category_list1 li:last-child{
        padding-right: 0;
      } 
	.category ul.category_list1 li.el_last{background:none;}
      /*.category ul.category_list1 li a{}*/
	.category ul.category_list1 li a:hover{
        color:#634bbc;
      }
      .comm_category li.selected,
      .lab_category li.selected{
         text-decoration:line-through;  
      }
	.category ul.category_list1 li a{display:block; 
    width:66px; margin:15px auto 0px; }

	
	/*vlab*/

	
	/*vlab*/
	/*.category ul.lab_category li{float:left; width:117px; height:70px; text-align:center; color:black; background:url(/resources/image/icon/list_bgline.png) right 0 no-repeat;}*/
	.category ul.lab_category li.el_last{background:none;}
	.category ul.lab_category li a:hover{color:#634bbc}
	.category ul.lab_category li a{display:block; width:60px; margin:12px auto 0;}


	/*vlab end*/


	.category_bar{position:absolute; background-color:#6745bd; bottom:0; left:0; height:3px;}
	.category_bar2{position:absolute; background-color:#6745bd; bottom:0; left:0; height:3px; display:none;}

	.category_list2{padding-top:5px;}
	.category_list2 li{float:left; height:21px; padding:0 10px; border:1px solid #c6c6c6; border-radius:2px; line-height:21px; vertical-align:middle; text-align:center; margin:5px 5px 0 0; white-space:nowrap; cursor:pointer;}
	.category_list2 li a:link{color:black;}
	.category_list2 li a:visited{color:black;}


	.category_list3{height:71px;}
	.category_list3 li{
        float:left; 
        width:202px; 
        vertical-align:middle; 
        text-align:center; 
        white-space:nowrap; 
        cursor:pointer; 
        height:71px; 
        line-height:71px; 
        font-size:14px;
        background-image: url(/resources/image/work_dot_bg.gif);
        background-repeat: no-repeat;
        background-position: 100% 50%;
      }
      .category_list3 li:last-child{
        background: none;
      }

	.category_list3 li a{display:block; width:100%; height:100%;}
	.category_list3 li a:link{color:black;}
	.category_list3 li a:hover{text-decoration:line-through; color:#634bbc}

	/*
	.category_list3{display:none;}
	.category_list3 li{float:left; width:98px; text-align:center; line-height:55px; vertical-align:middle; background:url(/resources/image/icon/dot.gif) right center no-repeat; font-size:14px; font-family:ng; cursor:pointer;}
	.category_list3 .no_dot{background:none;}
	*/
	

	/*work popup*/

	.work_pop,
    .product_pop,
    .vimeo_pop,
    .press_view_pop{width:100%; top:0; left:0; z-index:10000; background-color:white;}

	
	.work_pop_con > img{width:100%;}

	.wokr_pop_con_inner{overflow:hidden; padding-top:50px;}

       .work_pop .viewLeft{
        position: relative;
        right: 120px;
        float: left;
        width: 115px;
        }
       .work_pop .viewRight{
        float: right;
        width: 100%;
        margin-left: -120px;
        }
	.popcon_inner{overflow:hidden;border-top:4px solid #285032;}
      .product_pop .popcon_inner{border-top: 0px;}
	.popcon_dec{margin-top:30px; overflow:hidden; padding-bottom:30px;border-bottom:1px solid #285032; color:#285032;}

	.popcon_dec dl{overflow:hidden; float:left; margin-right:60px}
	.popcon_dec dl dt{float:left; margin-right:16px; font-weight:bold;}
	.popcon_dec dl dd{float:left;}
	.work_dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; opacity:0; z-index:1000}
	.work_pop_con{ font-family:"Malgun Gothic"; font-weight:normal; font-size:12px; line-height:100%; vertical-align:middle;}
	.popcon_dec dl{font-size:14px; line-height:100%; }
	.popcon_dec dl dt{font-family:ng_midium;font-weight:normal;}
	.popcon_dec dl dd{font-family:ng_light; font-weight:normal;}

	.popcon_mission > p{margin-bottom:26px;}
	.popcon_inner .mission_last{border-bottom:0;}
	.popcon_mission{margin-top:30px; border-bottom:1px solid #285032;
        padding-left: 0px;
      }
      .work_pop .popcon_mission{
        padding-left: 120px;
      }
	
	.work_pop_head h2,
      .product_pop_head h2{width:80%; font-size:18px; font-weight:normal;color:white; font-family:ng_midium; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.popcon_dec dl.n_margin{margin:0;}
	/*.copy{float:left; margin-right:20px;}*/

	.work_pop_product{width:700px; margin:0 auto;}
	.wppr_text ul{width:720px;}
	.wppr_text ul li{float:left; width:220px; margin-right:20px; overflow:hidden; margin-bottom:10px; font-size:12px; font-family:dotum, '돋움'; cursor:pointer;}
	.wppr_text ul li img{width:100%;}
	.wppr_text ul li:nth-child(even){margin:0 20px 10px 0;}

	/*work pop old*/
	.work_pop_old{width:100%; position:absolute; left:0; z-index:10000; background-color:white; }
	

	.temp{display:none;}
	
	/*about*/
/*   .about_con_head{margin-top:50px; padding-bottom:85px;}
.about_con_head h2{font-size:40px;}
.about_con_head h2 span{display:block;}
.about_con_head > p{width:630px; margin:0 auto;}
.seq_box2_inner{width:655px;}
.seq_box1{height:245px;} */
  article.about_article{width:600px;}
  article.recruit_article,
  article.press_article table.pressList{width:700px;}
  .about_secInner{width:560px;-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -ms-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);}
  .about_article .cl_left,
  .recruit_article .cl_left{left:58px; background:url(/resources/image/clip_left.png) 0 0 no-repeat;}
  .about_article .cl_right,
  .recruit_article .cl_right{right:58px; background:url(/resources/image/clip_right.png) 0 0 no-repeat;}

        /* work search input */
        .category .searchWrap{
          height: 264px;
          padding: 30px 0;
        }
        .searchWrap .searchTitle,
        .searchWrap .searchHow{
          display: block;
        }
        .category input.search{
          height: 108px;
          font-size: 69px;
          margin-top: 20px;
          margin-bottom: 20px;
        }

	/*product*/
	.product_top_list{display:block; overflow:hidden;}
	.product_top_list ul.pr_top li{width:117px; text-align:center; height:78px;border-right:1px solid #c6c6c6; line-height:16px; float:left;}
	.product_top_list ul.pr_top li a{display:block; width:100%; height:100%;}
	.product_top_list ul.pr_top li a span{display:block; width:118px; background-color:#e9e9e9; padding-top:23px; padding-bottom:5px; height:35px;}
	.list_line_ht{line-height:35px; vertical-align:middle;}
	.pr_top{width:710px}
	.product_list ul,
      .lineup_list ul{width:720px;}
	.product_list ul li, .product_list ul li.msp,
      .lineup_list. ul li, .lineup_list ul li.msp{width:220px; margin-right:20px;}      
 /*      .product_article > .tabContents .tab1.activeTab > section.tabSection1,
 .product_article > .tabContents .tab1.activeTab > section.tabSection1:after{
   content:url("/image/product/proN_1_size3_1.jpg");
 }
 .product_article > .tabContents .tab1.activeTab > section.tabSection2,
 .product_article > .tabContents .tab1.activeTab > section.tabSection2:after{
   content:url("/image/product/proN_1_size3_2.jpg");
 }
 .product_article > .tabContents .tab1.activeTab > section.tabSection3,
 .product_article > .tabContents .tab1.activeTab > section.tabSection3:after{
   content:url("/image/product/proN_1_size3_3.jpg");
 }  */
      
      /*recruit*/
      #wrap_recruit #headerWrap,
      #wrap_press #headerWrap
      {
        border-bottom: 0;
      }

	/*product_detail*/
	.pdt_head{padding-bottom:40px;}
	.pdt_head p{margin:33px 0 33px 20px; padding-left:22px; background:url(/resources/image/icon/back_icon.gif) 0 center no-repeat; font-family:ng; font-size:16px; line-height:16px; vertical-align:middle;}
	.pdt_sec{border-top:1px solid #181818; overflow:hidden;margin-bottom:100px;}
	.pdt_sec h2{font-size:50px; font-family:times_italic; font-weight:normal; margin:48px 0 88px 0;}
	.pdt_sec h3{font-family:nanum_barun, sans-serif; font-size:24px; font-weight:normal; line-height:40px; margin:48px 0 37px 0;}
	.pdt_sec p{font-size:13px;}
	.pdt_sec h4{font-family:ng_midium; font-size:24px; margin:40px 0 40px 0; font-weight:normal;}
	.pdt_mtext{width:720px;}
	.pdt_con{width:340px; margin-right:20px; float:left;}
	/*.pdt_con:nth-child(4){clear:both;}*/
	section.pro_nmg ul{width:720px;}
	section.pro_nmg ul li{width:220px; margin-right:20px; float:left;margin-bottom:10px;}
	section.pro_nmg ul li:nth-child(odd){margin-right:20px;}
	section.pro_nmg ul li dl{ font-size:12px;}
	.pdt_sec h5{font-size:20px; margin:40px 0 20px 0; font-weight:normal;}
	.pdt_clear{clear:both;}
	.pdt_sec > img{width:700px;}
	.pdt_align{text-align:center;}
	.pdt_align > h4{text-align:left;}


	/*map popup*/
	.map_pop iframe{ width:768px; height:460px;}
	.map_box{width:768px; position:fixed; top:50%; margin-top:-458px; left:50%; margin-left:-384px; }
	.map_text_box{margin-left:30px; width:708px;}
	
      /*News letter*/
      .newsletter_sec > div > div > h1{
        font-size: 1.384em;
        margin-top: 4.0625%;
        margin-bottom: 3.125%;
      }
    .newsletter_sec_contents_wrap > div > a > img{
      width: 68px;
      }

      /* Press */
      .press_article table.pressList > tbody > tr .date,
      .press_content table.pressList > tbody > tr .date{
        font-size: 48px;
        width: 202px;
        height: 135px;
        line-height: 135px;
        max-width: 202px;
        padding: 0;
        text-align: center;
      }
      .press_article table.pressList > tbody > tr .date .year,
      .press_content table.pressList > tbody > tr .date .year{
        font-size: 12px;
        padding-right: 10px;
        padding-left: 20px;
      }      
      .pressview_wrap .press_content_body{
        padding-right: 10px;
        padding-left: 20px;
        padding-top: 50px;
      }
      .press_article table.pressList > tbody > tr .date div,
      .press_content table.pressList > tbody > tr .date div{
        float: left;
      }
      .press_article table.pressList > tbody > tr a h2,
      .press_content table.pressList > tbody > tr a h2{
        font-size: 18px;
      }
      .press_article table.pressList > tbody > tr a span,
      .press_content table.pressList > tbody > tr a span{
        font-size: 11.5px;
      }
      .pagerarea a{
        font-size: 11.6px;
        padding-left: 12px;
        padding-right: 14px;
      }

      /* Press Popup */
      .pressview_wrap{
        padding-top: 0;
      }
      .press_pop_nav{
        height: 135px;
      }
      .press_pop_nav > li{
        width: 80px;        
      }
      .press_pop_nav > li a{
        line-height: 135px;
      }
      .press_pop_nav > li img{
        width: 23.2px;
      }
      .press_pop_nav > li .press_con_close img{
        width: 44px;
      }
      .press_content table.pressList > tbody > tr h2{
        font-size: 18px;
        margin-bottom: 4px;
      }
      .press_content table.pressList > tbody > tr span{
        font-size: 11.5px;
      }

}


/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------1024-1279------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/



@media screen and (min-width:1024px){
	
	.wrap_inner{width:100%; margin:0 auto; padding:0;}
	article.work_article,
      .newsletter_article{width:940px;}
	header, 
      .index_article .index_articleWrap,
      #wrap_product article.product_article,
      #wrap_product article#sortType2,
      article.culture_article,
      article.contact_article,
      .searchClose,
      .nav_gnb_inner,
      .gnb_top,
      .titleVisual{      
      width: 940px;
    }


	/*header h1 img{width:25px;}*/
    .mob_hide{
      /*20140521 추가 by NIS*/
        line-height: 200px;
        width:223px;height: 200px;
      }
      .index_article section.VcommArea,
      .index_article section.VlabArea{
        width: 244px;
      }
	article section.work_sec{
        width:223px; 
        height: 309px;
        float:left; margin-right:15px; position:relative;
         /*20140520 추가 by NIS*/
         margin-bottom: 30px;
        
    }
    article section.work_sec:nth-child(4n),
    article .related_sec section.work_sec:nth-child(4n){
      margin-right: 0px;
    }
    article section.work_sec:nth-child(3n),
    article .related_sec section.work_sec:nth-child(3n){
      margin-right: 15px;
    }
    article section.work_sec > .work_newIcon{
      top: -8px;
      left: 19px;
    }
    article section.work_sec > .work_newIcon > img{
      width: 80%;

    }
    .work_secHead h2{
      padding-top: 12px;
      font-size: 0.8em;
    }
  .work_secHead{
      height: 75px;
      margin-left: 10px;
      margin-right: 10px;
    }
  article section.work_sec a img{width:100%; height:auto;border-bottom:0px; position:relative;}
    .work_sec p.date{
      bottom: 43px;
      font-size: 7px;
    }
    .work_sec p.m_text{
      font-size: 10px;
      padding-top: 7px;
      padding-bottom:16px;
      margin-left: 10px;
      line-height: 1;
    }

	/*nav.nav_gnb{display:block; position:fixed; top:0; left:0;width:100%; border-right:0px; border-bottom:1px solid #d9d9d9; font-size:12px; overflow:hidden}*/
	/*.nav_gnb_inner{width:940px;}*/
	nav.nav_gnb ul.gnb{margin-top:20px;}
	nav.nav_gnb ul.gnb li{vertical-align:middle; line-height:14px; color:black; float:left; padding:0 10px; border-right:1px solid #d9d9d9; height:auto; border-bottom:0;}

	.gnb_left{float:left; width:336px; margin-right:248px; font-size:16px;}
	.gnb_right{float:left; width:222px; overflow:hidden;}
	.gnb_right_add{width:400px;}
    #gnb  .gnb_3.asidemenuA{
      display: block;
      position: absolute;
      padding: 0;
      top: 0;
      right: 0;
      border-top: 0;
    }   
	.top_bar{display:block; height:7px; background-color:black; position:absolute; top:0; left:0}
	.gnb_on{background:none;}
    
    article.article_culture{width:940px; display:block; }
    .culture_cont{margin: 33px auto 20px;}
    .culture_cont .culture_cont_inner{width:980px; line-height:12px; vertical-align:middle;}
    .culture_cont .culture_cont_inner dl dt img{width:100%;}
    .culture_cont .culture_cont_inner dl dd span{
      font-size: 12px;
      margin-bottom: 8px;
    }

	.nav_category{display:block;}
    nav#nav{width: 940px;margin: 0 auto;}
	nav#nav .nav_inner{height:83px}
	nav#nav ul.gnb_box{float:left}
	nav#nav ul.gnb_box li{width:218px;}
	.crossLine{left:218px;}
	.mob_hide{display:block; float:left;}
	.nav_category{width:280px;}
	.nav_category li{float:left; margin-right:40px; width:24px;}
	.common_con{width:970px;}
	.category{
        width:940px; 
        overflow:hidden; 
        position:relative; 
        font-family:ng_light;
        margin: 0 auto;
      }
	.category ul{overflow:hidden;}
	.category ul.category_list1{width:980px;display:block;}

	/*vcomm*/

	 .category ul.category_list1 li{
          height:50px; 
          background:url(/resources/image/icon/list_bgline.png) right 0 no-repeat; 
          background-size:17px 50px;
          display:table-cell;
          line-height:50px; 
          vertical-align:middle;
        } 
	.category ul.category_list1 li.el_last{background:none;}
	/*.category ul.category_list1 li a:hover{text-decoration:line-through; color:#634bbc}*/
	.category ul.category_list1 li a{
        display:block; 
        width:100%; 
        /*margin:0 auto 0px;*/
        margin: 0;
      }
       

	/*
	.category ul.category_list1 li{float:left; width:157px; height:118px; border-right:1px solid #bababa; text-align:center; color:black; }
	.category ul.category_list1 li a{display:block; width:158px; height:105px; position:relative;}
	.category ul.category_list1 li.main_list_0 a{background:url(/resources/image/main_list_0.png) center 0 no-repeat;background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_1 a{background:url(/resources/image/main_list_1.png) center 0 no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_2 a{background:url(/resources/image/main_list_2.png) center 0 no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_3 a{background:url(/resources/image/main_list_3.png) center 0 no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_4 a{background:url(/resources/image/main_list_4.png) center 0 no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_5 a{background:url(/resources/image/main_list_5.png) center 0 no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li a span{position:absolute; bottom:0; left:50%; margin-left:-33px; width:64px; display:block;font-size:11px;}
	*/
	/*vcomm end*/

	/*vlab*/
	/*.category ul.lab_category li{float:left; width:157px; height:50px; text-align:center; color:black; background:url(/resources/image/icon/list_bgline.png) right 0 no-repeat; background-size:17px 50px; display:table-cell; line-height:50px; vertical-align:middle;}*/
	.category ul.lab_category li.el_last{background:none;}
	/*.category ul.lab_category li a:hover{text-decoration:line-through; color:#634bbc}*/
	/*.category ul.lab_category li a{display:block; width:60px; margin:6px auto 0;}*/

	/*
	.category ul.lab_category li{float:left; width:117px; height:95px; border-right:1px solid #bababa; text-align:center; color:black; }
	.category ul.lab_category li a{display:block; width:118px; height:82px; position:relative;}
	.category ul.lab_category li.main_lab_0 a{background:url(/resources/image/main_lab_0.png) center -5px no-repeat;background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_1 a{background:url(/resources/image/main_lab_1.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_2 a{background:url(/resources/image/main_lab_2.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_3 a{background:url(/resources/image/main_lab_3.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_4 a{background:url(/resources/image/main_lab_4.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_5 a{background:url(/resources/image/main_lab_5.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_6 a{background:url(/resources/image/main_lab_6.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_7 a{background:url(/resources/image/main_lab_7.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li a span{position:absolute; bottom:0; left:50%; display:block; width:64px; margin-left:-30px;font-size:11px;}
	*/
	/*vlab end*/

	.category_bar{position:absolute; background-color:#6745bd; bottom:0; left:0; height:3px;}
	.category_bar2{position:absolute; background-color:#6745bd; bottom:0; left:0; height:3px; display:none;}
	footer{width:940px; margin:0 auto;}
	.foot_list{display:block;}
	/*.foot_inner > p{float:left; margin-right:20px;}*/
	#nav .nav_arrow{display:block;}

	.category_list2{padding-top:5px;}
	.category_list2 li{float:left; height:21px; padding:0 10px; border:1px solid #c6c6c6; border-radius:2px; line-height:21px; vertical-align:middle; text-align:center; margin:5px 5px 0 0; white-space:nowrap; cursor:pointer;}
	.category_list2 li a:link{color:black;}
	.category_list2 li a:visited{color:black;}

	.category_list3{height:71px;}
	.category_list3 li{
      float:left; 
      width:202px; vertical-align:middle; text-align:center; white-space:nowrap; cursor:pointer; height:71px; line-height:71px; font-size:14px;}

	.category_list3 li a{display:block; width:100%; height:100%;}
	.category_list3 li a:link{color:black;}
	.category_list3 li a:hover{text-decoration:line-through; color:#634bbc}

	/*work popup*/
	.work_pop,
    .product_pop,
    .vimeo_pop,
    .press_view_pop{width:940px; top:0; left:50%; margin-left:-470px; z-index:10000; background-color:white;}
	.work_pop_head,
  .product_pop_head{width:940px; background-color:#151515; left:50%; margin-left:-470px;}
	
	.work_pop_con > img{width:100%; height:auto;}
	.wokr_pop_con_inner{overflow:hidden; padding-top:0px;}/*공통*/
	.popcon_inner{overflow:hidden;border-top:4px solid #285032;}/*공통*/
	.popcon_dec{margin-top:30px; overflow:hidden; padding-bottom:30px;border-bottom:1px solid #285032; color:#285032;}/*공통*/

	.popcon_dec dl{overflow:hidden; float:left; margin-right:60px}
	.popcon_dec dl dt{float:left; margin-right:16px; font-weight:bold;}
	.popcon_dec dl dd{float:left;}
	.work_dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; opacity:0; z-index:1000}
	.work_pop_con{ font-family:"Malgun Gothic"; font-weight:normal; font-size:12px; line-height:100%; vertical-align:middle;}
	.popcon_dec dl{font-size:14px; line-height:100%; }
	.popcon_dec dl dt{font-family:ng_midium;font-weight:normal;}
	.popcon_dec dl dd{font-family:ng_light; font-weight:normal;}

	.popcon_mission > p{margin-bottom:26px;}
	.popcon_inner .mission_last{border-bottom:0;}
	.popcon_mission{margin-top:30px; border-bottom:1px solid #285032}
	/*.work_pop_head_inner{margin:15px 0 0 21px;}*/
	.work_pop_head h2,
      .product_pop_head h2{width:80%; font-size:18px; font-weight:normal;color:white; font-family:ng_midium; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.popcon_dec dl.n_margin{margin:0;}

	.work_pop_product{width:840px; margin:0 auto;}
	.wppr_text ul{width:860px;}
	.wppr_text ul li{float:left; width:195px; margin-right:20px; overflow:hidden; margin-bottom:10px; font-size:12px; font-family:dotum, '돋움'; cursor:pointer;}
	.wppr_text ul li img{width:100%;}
	.wppr_text ul li:nth-child(even){margin:0 20px 10px 0;}


	/*work pop old*/
	.work_pop_old{width:940px; left:50%; margin-left:-470px;}


	/*about*/
	/* .about_con_head{margin-top:90px; padding-bottom:120px;}
  .about_con_head h2{margin-bottom:75px;font-size:40px;}
  .about_con_head > p{width:755px; margin:0 auto;}
  .about_con_wrap{width:1000px; overflow:hidden; border-top:1px solid black;padding-top:70px; line-height:100%;}
  .about_con1_inner{width:300px; float:left; margin-right:20px; margin-top:0;}
  .about_con_wrap2{width:1000px; overflow:hidden;}
  .about_con1_inner2{width:460px; float:left; margin-right:20px; margin-top:0;}
  .aw_list > ul > li{float:left;width:50%; }
  .seq_box2_inner{width:794px;}
  .seq_box1{height:329px;} */
  article.about_article {width:728px;}
  article.recruit_article,
  article.press_article table.pressList {width:940px;}
  .about_secInner{width:688px;-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -ms-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);}

  .about_article .cl_left,
  .recruit_article .cl_left{left:45px; background:url(/resources/image/clip_left.png) 0 0 no-repeat;}
  .about_article .cl_right,
  .recruit_article .cl_right{right:45px; background:url(/resources/image/clip_right.png) 0 0 no-repeat;}

	/*product*/
	.product_top_list{display:block; overflow:hidden;}
	.pr_top{width:950px}
	.product_top_list ul.pr_top li{width:156px; text-align:center; height:78px;border-right:1px solid #c6c6c6; line-height:16px; float:left;}
	.product_top_list ul.pr_top li a{display:block; width:100%; height:100%;}
	.product_top_list ul.pr_top li a span{display:block; width:157px; background-color:#e9e9e9; padding-top:23px; padding-bottom:5px; height:35px;}
	.list_line_ht{line-height:35px; vertical-align:middle;}
	.product_list ul,
      .lineup_list ul{width:960px;}
	.product_list ul li, .product_list ul li.msp,
      .lineup_list ul li, .lineup_list ul li.msp{width:220px; margin-right:20px;}

		/*product_detail*/
    
  .information .titleImg,
  .information .visitsite,
  .information .awards
  {
    position: relative;
  }
  .information .awards{
    position: absolute;
    right: 50px;
    top: 32px;
  }
  .information .titleImg,
  .information .visitsite{
    text-align: left;
  }
  .product_article > .tabContents .tab_title > .information{
    padding-left: 50px;  
  }
/* .product_article > .tabContents .tab1 .tab_title > .information{
  padding-top: 36px;
  padding-bottom: 38px;
  } */

.product_article > .tabContents .tab2 .tab_title > .information{
  padding-top: 27px;
  padding-bottom: 23px;
  }
  .product_article > .tabContents .tab1 .tab_title > .information,
  .product_article > .tabContents .tab3 .tab_title > .information,
  .product_article > .tabContents .tab4 .tab_title > .information,
  .product_article > .tabContents .tab5 .tab_title > .information,
  .product_article > .tabContents .tab6 .tab_title > .information{
  padding-top: 33px;
  padding-bottom: 33px;
  }
  .product_article > .tabContents .tab_title > .information .titleImg{
    font-size: 2.692307692307692em; 
    /*시안상 35px / 부모 13px*/
  }
 .product_article > .tabContents .tab1 .tab_title > .information .titleImg img{
  width: 375px;
  } 
  .product_article > .tabContents .tab2 .tab_title > .information .titleImg img{
  width: 176px;
  }

.product_article > .tabContents .tab_title > .information .visitsite{
  /* margin-top: 20px;
  margin-bottom: 34px; */
  margin-top: 11px;
  margin-bottom: 0;
  text-align: left;
}
.product_article > .tabContents .tab_title > .information .visitsite a img{
  /*max-width: 160px;*/
  width: 133px;
}
.product_article > .tabContents .tab_title > .information .awards{
  margin-top: 0;
}
.product_article > .tabContents .tab_title > .information .awards img{
  /*max-width: 425px;*/
   width: 425px;
}
.product_article > .tabContents .tab3 .tab_title > .information .awards img{
  width: 419px;
}
.product_article > .tabContents .tab4 .tab_title > .information .awards img{
  width: 449px;
}
.product_article > .tabContents .tab_title > .viewmovie{
  /* margin-top: 50px;
  padding-top: 70px; */
  padding-top: 61px;
  padding-bottom: 65px;
  border-top: 2px solid #e9e9e9;
}
.product_article > .tabContents .tab_title > .viewmovie > img{
  width: 545px;
}
.product_article > .tabContents .tab0 .tab_title > .viewmovie > img{
  width: 344px;
}
.product_article > .tabContents .tab1 .tab_title > .viewmovie > img{
  width: 474px;
}
.product_article > .tabContents .tab4 .tab_title > .viewmovie > img{
  width: 434px;
}
.product_article > .tabContents .tab5 .tab_title > .viewmovie > img{
  width: 301px;
}
.product_article > .tabContents .tab6 .tab_title > .viewmovie > img{
  width: 326px;
}
.product_article > .tabContents .tab_title > .viewmovie a img{
  padding-top: 34px;
  width: 76px;
}

	.pdt_head{padding-bottom:40px;}
	.pdt_head p{margin:33px 0 33px 20px; padding-left:22px; background:url(/resources/image/icon/back_icon.gif) 0 center no-repeat; font-family:ng; font-size:16px; line-height:16px; vertical-align:middle;}
	.pdt_sec h2{font-size:50px; font-family:times_italic; font-weight:normal; margin:48px 0 88px 0;}
	.pdt_sec h3{font-family:nanum_barun, sans-serif; font-size:24px; font-weight:normal;line-height:40px; margin:48px 0 37px 0;}
	.pdt_sec p{font-size:13px;}
	.pdt_sec h4{font-family:ng_midium; font-size:24px; margin:40px 0 40px 0; font-weight:normal;}
	.pdt_mtext{width:960px;}
	.pdt_con{width:460px; float:left; margin-right:20px;}
	/*.pdt_con:nth-child(4){clear:both;}*/
	section.pro_nmg ul li{width:220px; margin-right:20px; float:left;margin-bottom:10px;}
	section.pro_nmg ul{width:960px;}
	section.pro_nmg ul li:nth-child(odd){margin-right:20px;}
	section.pro_nmg ul li dl{ font-size:12px;}
	.pdt_sec h5{font-size:20px; margin:40px 0 20px 0; font-weight:normal;}
	.pdt_clear{clear:both;}
	.pdt_sec > img{width:940px;}
	.pdt_align{text-align:center;}
	.pdt_align > h4{text-align:left;}

	
	/*map popup*/
	.map_pop iframe{ width:768px; height:460px;}
	.map_box{width:768px; position:fixed; top:50%; margin-top:-458px; left:50%; margin-left:-384px}
	.map_text_box{margin-left:30px; width:708px;}

    /*News Letter*/
    #wrap_newsletter .rq{
      background-position: 20px 50%;
    }
    #wrap_newsletter table{
      /*border-bottom: 1px solid #e9e9e9;*/
      margin-top: 37px;
      margin-bottom: 30px;
    }
    #wrap_newsletter table tr{
      height : 55px;
      /*border-top: 1px solid #e9e9e9;*/
    }    
    #wrap_newsletter table td > span{
      height: 54px;
      line-height: 54px;
      padding-left: 37px;font-size: 12px;
    }
    #wrap_newsletter table td input{
      font-size: 22px;
      line-height: 10px;      
    }
    .registPopup .buttonClose{
      height: 37px;
      padding-right: 13px;
      padding-top: 9px;
    }
    .registPopup .buttonClose  > a > img{
      width: 20px;
      height: 20px;
    }

     /*CONTACT US*/
    .contactSec{
      -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
      float: left;
      width: 50%;
    }
    .contactSec.section_address{
      padding-right: 13px;
    }
    .contactSec.section_contact{
      padding-left: 13px;
    }
    .contact_Direction{
      -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
      float: left;
      width: 33%;
    }
    .contact_Direction.section01{
      padding-right: 13px;
    }
    .contact_Direction.section02{
      padding-left: 13px;
      padding-right: 13px;
    }
    .contact_Direction.section03{
      padding-left: 13px;
    }

    /* News Letter */
    .titleVisual{
      padding-top: 50px;
    }
    .titleVisual > a > img{
      width: 95px;
    }
    .titleVisual hr{
      width: 151px;      
    }
    .titleVisual > h1{
      font-size: 50px;
      margin-top: 46px;
      margin-bottom: 35px;
    }
    .titleVisual > h2{
      font-size: 18px;
      margin-bottom: 20px;
    }
    .titleVisual > p{
      font-size: 14px;
      margin-bottom: 43px;
    }
    #wrap_newsletter table td input#user_name{
      text-indent: 73px;
    }
    #wrap_newsletter table td input#user_email{
      text-indent: 87px;
    }
    #wrap_newsletter table td input#user_company{
      text-indent: 73px;
    }
    #wrap_newsletter table td input#user_position{
      text-indent: 110px;
    }

    /* Recruit */
    .recruit_wrap > .TopVisual{
        padding-top: 85px;
        padding-bottom: 50px;
        background-image: url('/resources/image/recruit_bgimg_1024.gif');
        -webkit-background-size: 940px 365px;
        background-size: 940px 365px;
      }
    .recruit_wrap > .TopVisual > h1{
        font-size: 60px;
        padding-bottom: 23px;
      }
      .recruit_wrap > .TopVisual > h2{
        font-size: 28px;
        margin-top: 22px;
        margin-bottom: 26px;
      }
    .recruit_wrap > .TopVisual > p{
      font-size: 16px;
      line-height: 1.3275;
    }
    .recruit_wrap .Process, .recruit_wrap .application{
      width: 48.15%;
      padding-left: 0;
      padding-right: 0;
      float: left;
    }
    .recruit_wrap .Process{
      margin-right: 3.61702127659574%;
      border-bottom: 0;
    }
    .recruit_wrap .Process > h1, .recruit_wrap .application > h1{
      font-size: 18px;
      padding-bottom: 33px;
    }
    .recruit_wrap .processStep, .recruit_wrap .application > div{
      padding-top: 14px;
    }
    .recruit_wrap .processStep li{
      padding-top: 10px;
      padding-left: 14px;
      padding-right: 14px;
      padding-bottom: 34px;
    }
    .recruit_wrap .processStep li h2{
      font-size: 12px;
      margin-bottom: 64px;
    }
    .recruit_wrap .processStep li h3{
      font-size: 16px;
      margin-bottom: 23px;
    }
    .recruit_wrap .processStep li p{
      font-size: 12px;
    }
    .recruit_wrap .processMemo{
      margin-top: 43px;
      font-size: 14px;
    }
    .recruit_wrap .application > div h1{
      font-size: 29.72px;
      line-height: 29.72px;
      height: 52px;
    }
    .recruit_wrap .VcommPart > h1 > img, .recruit_wrap .VlabPart > h1 > img{
      width: 16px;
      height: 20px;
    }
    .recruit_wrap .application > div h1 > span{
      padding-left: 8px;
      font-size: 10px;
    }
    .recruit_wrap .application > div table td, .recruit_wrap .application > div table th{
      font-size: 14px;
      padding-top: 13px;
      padding-bottom: 10px;
    }
    .recruit_wrap .application > div table tbody th{
      font-size: 14px;
    }
       .recruit_wrap .application > div dl{
      margin-top: 13px;
      font-size: 13.37px;
    }
    .recruit_wrap > .TopVisual > hr{
      width: 580px;
    }
    /*-------------------------- culture ------------------------------*/
    .culture_secWrap{
      padding-top: 57px;
      padding-bottom: 86px;
      background-image: url('/resources/image/culture/background_1024.jpg');
    }
    .culture_secWrap > h2{
      font-size: 34px;
    }
    .culture_secWrap > h3{
      margin-top: 102px;
      margin-bottom: 34px;
      font-size: 20px;
    }
    .culture_secWrap > div{
      padding-bottom: 56px;
    }
    .culture_secWrap > div > p{
      font-size: 16px;
      width: 48%;
    }
    .culture_secWrap > div > p.clmLeft{
      float: left;
    }
    .culture_secWrap > div > p.clmRight{
      float: right;
    }
    .culture_secWrap .signature{
      font-size: 30px;
    }

}






/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------1280-1419------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:1280px){
	
	header, 
    .index_article .index_articleWrap,
    #wrap_product article.product_article,
    #wrap_product article#sortType2,
    article.culture_article,
    article.contact_article,
      .searchClose,
       .nav_gnb_inner,
       .gnb_top,
       .titleVisual{      
      width: 1180px;
    }
	/*header h1 img{width:25px;}*/
	/*nav.nav_gnb{display:block; position:fixed; top:0; left:0; width:100%; border-right:0px; border-bottom:1px solid #d9d9d9; font-size:12px; overflow:hidden;}*/
	/*.nav_gnb_inner{width:1180px;}*/
	.wrap_inner{width:100%; margin:0 auto; padding:0;}
	article.work_article,
      .newsletter_article{width:1180px;}
	.nav_category{display:block;}
    nav#nav{width: 1180px;margin: 0 auto;}
	nav#nav .nav_inner{height:83px}
	nav#nav ul.gnb_box{float:left}
	nav#nav ul.gnb_box li{width:218px;}
	nav.nav_gnb ul.gnb{margin-top:20px;}
	nav.nav_gnb ul.gnb li{vertical-align:middle; line-height:14px; color:black; float:left; padding:0 10px; border-right:1px solid #d9d9d9; height:auto; border-bottom:0;}
	.crossLine{left:218px;}

	#nav .nav_arrow{display:block;}
    .newsletter_sec{
      width: 32%;
      margin-right: 2%;
    }
    .newsletter_sec:nth-child(2n){
      margin-right: 2%;
    }
    .newsletter_sec:nth-child(3n){
      margin-right: 0;
    }
    .mob_hide{
        /*20140521 추가 by NIS*/
          line-height: 200px;
          width:223px;height: 200px;
        }
	/*.mob_hide img{width:380px; height:214px; }*/
	.nav_category{width:280px;}
	.nav_category li{float:left; margin-right:40px; width:24px;}
	.common_con{width:1200px;}
      .index_article section.VcommArea,
      .index_article section.VlabArea{
        width: 244px;        
      }

    article section.work_sec{
        width:223px; 
        height: 309px;
        float:left; margin-right:15px; position:relative;
         /*20140520 추가 by NIS*/
         margin-bottom: 30px;        
    } 
    article .related_sec section.work_sec{
      width: 208px;
      height: 292px;
    }
    article section.work_sec:nth-child(3n),
    article .related_sec section.work_sec:nth-child(3n),
    article section.work_sec:nth-child(4n),
    article .related_sec section.work_sec:nth-child(4n){
      margin-right: 15px;
    }
    article section.work_sec:nth-child(5n),
    article .related_sec section.work_sec:nth-child(5n){
      margin-right: 0px;
    }    
    article section.work_sec > .work_newIcon{
      top: -8px;
      left: 19px;
    }
    article section.work_sec > .work_newIcon > img{
      width: 80%;
    }
    .work_secHead h2{
      padding-top: 12px;
      font-size: 0.8em;
    }
  .work_secHead{
      height: 75px;
      margin-left: 10px;
      margin-right: 10px;
    }

	article section.work_sec a img{width:100%; height:auto;border-bottom:0px; position:relative;}
    .work_sec p.date{
      bottom: 43px;
      font-size: 7px;
    }
    .work_sec p.m_text{
      font-size: 10px;
      padding-top: 7px;
      padding-bottom:16px;
      margin-left: 10px;
      line-height: 1;
    }

	.category{width:1180px; overflow:hidden; position:relative; font-family:ng_light;
      margin: 0 auto;
    }
	/*.category input.search{display:none;padding:0 20px;}*/
	.category ul{overflow:hidden;}
	.category ul.category_list1{width:1200px;display:block;}

	/*vcomm*/
/*   .category ul.category_list1 li{
        float:left; 
        height:50px; 
        text-align:center; 
        color:black; 
        background:url(/resources/image/icon/list_bgline.png) right 0 no-repeat; 
        background-size:17px 50px;
      }       */
	.category ul.category_list1 li.el_last{background:none;}
	/* .category ul.category_list1 li a:hover{
          text-decoration:line-through; 
          color:#634bbc;
          } */
/*	.category ul.category_list1 li a{
          display:block; 
          width:66px; 
          margin:6px auto 0px;
        }*/

	/*
	.category ul.category_list1 li{float:left; width:197px; height:95px; border-right:1px solid #bababa; text-align:center; color:black; }
	.category ul.category_list1 li a{display:block; width:198px; height:82px; position:relative;}
	.category ul.category_list1 li.main_list_0 a{background:url(/resources/image/main_list_0.png) center -5px no-repeat;background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_1 a{background:url(/resources/image/main_list_1.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_2 a{background:url(/resources/image/main_list_2.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_3 a{background:url(/resources/image/main_list_3.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_4 a{background:url(/resources/image/main_list_4.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li.main_list_5 a{background:url(/resources/image/main_list_5.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.category_list1 li a span{position:absolute; bottom:0; left:0; display:block; width:197px;font-size:11px;}
	*/
	/*vcomm end*/

	/*vlab*/
	/*.category ul.lab_category li{float:left; width:197px; height:50px; text-align:center; color:black; background:url(/resources/image/icon/list_bgline.png) right 0 no-repeat; background-size:17px 50px;}*/
	.category ul.lab_category li.el_last{background:none;}
	/*.category ul.lab_category li a:hover{text-decoration:line-through; color:#634bbc}*/
	/*.category ul.lab_category li a{display:block; width:60px; margin:6px auto 0;}*/

	/*
	.category ul.lab_category li{float:left; width:149px; height:95px; border-right:1px solid #bababa; text-align:center; color:black; }
	.category ul.lab_category li a{display:block; width:150px; height:82px; position:relative;}
	.category ul.lab_category li.main_lab_0 a{background:url(/resources/image/main_lab_0.png) center -5px no-repeat;background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_1 a{background:url(/resources/image/main_lab_1.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_2 a{background:url(/resources/image/main_lab_2.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_3 a{background:url(/resources/image/main_lab_3.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_4 a{background:url(/resources/image/main_lab_4.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_5 a{background:url(/resources/image/main_lab_5.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_6 a{background:url(/resources/image/main_lab_6.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li.main_lab_7 a{background:url(/resources/image/main_lab_7.png) center -5px no-repeat; background-color:#e9e9e9;}
	.category ul.lab_category li a span{position:absolute; bottom:0; left:50%; display:block; width:150px; margin-left:-75px;font-size:11px;}
	*/
	/*vlab end*/

	.category_bar{position:absolute; background-color:#6745bd; bottom:0; left:0; height:3px;}
	.category_bar2{position:absolute; background-color:#6745bd; bottom:0; left:0; height:3px; display:none;}
	footer{width:1180px; margin:0 auto;}
	.foot_list{display:block;}
	/*.foot_inner > p{float:left; margin-right:20px;}*/
	.gnb_on{background:none;}

	.gnb_left{float:left; width:336px; margin-right:484px; font-size:16px;}
	.gnb_right{float:left; width:222px; overflow:hidden;}
	.gnb_right_add{width:400px;}

    /* #gnb > .gnb_1 > li > a, #gnb .gnb_2, #gnb .gnb_2n3{
      width: 1180px;
      margin: 0 auto;
    } */

    

	.top_bar{display:block; height:7px; background-color:black; position:absolute; top:0; left:0}
	article.article_culture{width:1180px; display:block; }
	/*.article_culture_title{overflow:hidden; margin-top:20px;margin-bottom:40px;color:#1e1e1e; }*/
	/*article.article_culture .article_culture_title > h2{font-family:Times New Roman; font-style:italic; font-size:3em; font-weight:normal; line-height:36px; margin-right:14px;float:left;}*/
	.more_btn{font-family:ng; line-height:16px; height:20px; font-size:1.667em; padding-right:25px; display:block;background:url(/resources/image/icon/more_arrow.png) right center no-repeat; float:left; margin-top:12px; *font-weight:bold;}
	.culture_cont{margin: 33px auto 10px;}
	.culture_cont .culture_cont_inner{width:1220px; line-height:14px; vertical-align:middle;}
	.culture_cont .culture_cont_inner dl{float:left; margin-right:16px; width:386px;}
	.culture_cont .culture_cont_inner dl dt{margin-bottom:16px;}
	.culture_cont .culture_cont_inner dl dt img{width:100%;}
	nav.nav_gnb ul.gnb a.noline li{border-right:0;}
/*    .culture_cont .culture_cont_inner dl dd span{
        font-size: 14px;
        margin-bottom: 10px;
      }*/
      .culture_cont .culture_cont_inner dl:nth-child(2){
        margin-right: 16px;
    }
/*	.sns_box{display:block; float:right; margin:18px 0 0 0; padding-right:10px; width:115px;}
	.gnb_sns{width:140px}
	.gnb_sns li{line-height:21px; vertical-align:middle; margin-right:10px; padding-right:10px;}*/
	
	.category_list2{padding-top:5px;}
	.category_list2 li{float:left; height:21px; padding:0 10px; border:1px solid #c6c6c6; border-radius:2px; line-height:21px; vertical-align:middle; text-align:center; margin:5px 5px 0 0; white-space:nowrap; cursor:pointer;}
	.category_list2 li a:link{color:black;}
	.category_list2 li a:visited{color:black;}
	
	/*
	.category_list3{margin-top:5px;}
	.category_list3 li{float:left; height:21px; padding:0 10px; border:1px solid #c6c6c6; border-radius:2px; line-height:21px; vertical-align:middle; text-align:center; margin:5px 5px 0 0; white-space:nowrap; cursor:pointer;}
	*/
	.category_list3{height:71px;}
	/*.category_list3 li{float:left; width:118px; vertical-align:middle; text-align:center; white-space:nowrap; cursor:pointer; height:71px; line-height:71px; font-size:14px;}*/

	.category_list3 li a{display:block; width:100%; height:100%;}
	.category_list3 li a:link{color:black;}
	.category_list3 li a:hover{text-decoration:line-through; color:#634bbc}

	/*work popup*/
	.work_pop,
    .product_pop,
    .vimeo_pop,
    .press_view_pop{width:940px;  top:0; left:50%; margin-left:-470px; z-index:10000; background-color:white;}
	.work_pop_head,
    .product_pop_head{width:940px; background-color:#151515; left:50%; margin-left:-470px;}
	/*.con_close{position:absolute; top:24px; right:21px;}*/
	/*.work_pop_con{margin-top:89px;}*/
	.work_pop_con > img{width:100%; height:auto;}
	.wokr_pop_con_inner{color:black; overflow:hidden; padding-top:50px;}/*공통*/
	.popcon_inner{overflow:hidden;}/*공통*/
	.popcon_dec{margin-top:30px; overflow:hidden; padding-bottom:30px;}/*공통*/

	.popcon_dec dl{overflow:hidden; float:left; margin-right:60px}
	.popcon_dec dl dt{float:left; margin-right:16px; font-weight:bold;}
	.popcon_dec dl dd{float:left;}
	.work_dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; opacity:0; z-index:1000}
	.work_pop_con{ font-family:"Malgun Gothic"; font-weight:normal; font-size:12px; line-height:100%; vertical-align:middle;}
	.popcon_dec dl{font-size:14px; line-height:100%; }
	.popcon_dec dl dt{font-family:ng_midium;font-weight:normal;}
	.popcon_dec dl dd{font-family:ng_light; font-weight:normal;}
	
	.popcon_mission > p{margin-bottom:26px;}
	.popcon_inner .mission_last{border-bottom:0;}
	.popcon_mission{margin-top:30px; border-bottom:1px solid #285032}
	/*.work_pop_head_inner{margin:15px 0 0 21px;}*/
	.work_pop_head h2,
      .product_pop_head h2{width:80%; font-size:18px; font-weight:normal; color:white; font-family:ng_midium; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.popcon_dec dl.n_margin{margin:0;}

	.work_pop_product{width:840px; margin:0 auto;}
	.wppr_text ul{width:860px;}
	.wppr_text ul li{float:left; width:195px; margin-right:20px; overflow:hidden; margin-bottom:10px; font-size:12px; font-family:dotum, '돋움'; cursor:pointer;}
	.wppr_text ul li img{width:100%;}
	.wppr_text ul li:nth-child(even){margin:0 20px 10px 0;}

	/*work pop old*/
	.work_pop_old{width:940px; left:50%; margin-left:-470px;}

	/*about*/
    article.about_article{width:972px;}
    article.recruit_article,
    article.press_article table.pressList{width: 1180px;}
    .about_secInner{width:932px;-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -ms-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);}
    .about_article .cl_left,
    .recruit_article .cl_left{left:45px; background:url(/resources/image/clip_left.png) 0 0 no-repeat;}
    .about_article .cl_right,
    .recruit_article .cl_right{right:45px; background:url(/resources/image/clip_right.png) 0 0 no-repeat;}

	/*product*/
      .product_article > .tabContents .tab2 .tab_title > .information .titleImg img{
      width: 210px;
      }
      .product_article > .tabContents .tab_title > .information .visitsite a img{
        width: 140px;
      }
      .product_article > .tabContents .tab_title > .viewmovie > img{
        max-width: 727px;
        width: 727px;
      }

      .product_article > .tabContents .tab0 .tab_title > .viewmovie > img{
        max-width: 446px;
        width: 446px;
      }
      .product_article > .tabContents .tab1 .tab_title > .viewmovie > img{
        max-width: 617px;
        width: 617px;
      }
      .product_article > .tabContents .tab3 .tab_title > .viewmovie > img{
        max-width: 641px;
        width: 641px;
      }
      .product_article > .tabContents .tab4 .tab_title > .viewmovie > img{
        max-width: 579px;
        width: 579px;
      }
      .product_article > .tabContents .tab5 .tab_title > .viewmovie > img{
        max-width: 452px;
        width: 452px;
      }
      .product_article > .tabContents .tab6 .tab_title > .viewmovie > img{
        max-width: 437px;
        width: 437px;
      }

      .product_article > .tabContents .tab_title > .viewmovie a img{
        max-width: 86px;
        width: 86px;
      }
	.product_top_list{display:block; overflow:hidden;}
	.pr_top{width:1200px}
	.product_top_list ul.pr_top li{width:196px; text-align:center; height:78px;border-right:1px solid #c6c6c6; line-height:16px; float:left;}
	.product_top_list ul.pr_top li a{display:block; width:100%; height:100%;}
	.product_top_list ul.pr_top li a span{display:block; width:197px; background-color:#e9e9e9; padding-top:23px; padding-bottom:5px; height:35px;}
	.list_line_ht{line-height:35px; vertical-align:middle;}
	.product_list ul, 
      .lineup_list ul{width:1200px;}
	.product_list ul li, .product_list ul li.msp,
      .lineup_list ul li, .lineup_list ul li.msp{width:220px; margin-right:20px;}
     

	/*product_detail*/
	.pdt_head{padding-bottom:40px;}
	.pdt_head p{margin:33px 0 33px 20px; padding-left:22px; background:url(/resources/image/icon/back_icon.gif) 0 center no-repeat; font-family:ng; font-size:16px; line-height:16px; vertical-align:middle;}
	.pdt_sec h2{font-size:50px; font-family:times_italic; font-weight:normal; margin:48px 0 60px 0;}
	.pdt_sec h3{font-family:nanum_barun, sans-serif; font-size:24px; font-weight:normal;line-height:40px; margin:48px 0 37px 0;}
	.pdt_sec p{font-size:13px;}
	.pdt_sec h4{font-family:ng_midium; font-size:24px; margin:40px 0 40px 0; font-weight:normal;}
	.pdt_mtext{width:1200px;}
	.pdt_con{width:380px; float:left; margin-right:20px;}
	section.pro_nmg ul li{width:220px; margin-right:20px; float:left;margin-bottom:10px;}
	section.pro_nmg ul{width:1220px;}
	section.pro_nmg ul li:nth-child(odd){margin-right:20px;}
	section.pro_nmg ul li dl{ font-size:12px;}
	.pdt_sec h5{font-size:20px; margin:40px 0 20px 0; font-weight:normal;}
	.pdt_num1{width:380px; margin-right:20px; float:left;}
	.pdt_num2{width:780px;}
	.pdt_sec > img{width:auto;}
	.pdt_align{text-align:center;}
	.pdt_align > h4{text-align:left;}

	/*map popup*/
	.map_pop iframe{ width:768px; height:460px;}
	.map_box{width:768px; position:fixed; top:50%; margin-top:-458px; left:50%; margin-left:-384px}
	.map_text_box{margin-left:30px; width:708px;}
}





/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------1420--------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:1420px){
	 
	header, 
    .index_article .index_articleWrap,
    #wrap_product article.product_article,
    #wrap_product article#sortType2,
    article.culture_article,
    article.contact_article,
    .searchClose,
       .nav_gnb_inner,
       .gnb_top,
       .titleVisual{
      width: 98%;
      max-width: 1420px;
    }
      .searchClose{
        width: 1420px;
      }
	/*header h1 img{width:25px;}*/
	/*nav.nav_gnb{display:block; position:fixed; top:0; left:0; border-right:0px; border-bottom:1px solid #d9d9d9; font-size:12px; overflow:hidden;}*/
	/*.nav_gnb_inner{width:1420px;}*/
	.wrap_inner{width:100%; margin:0 auto; padding:0; }
	article.work_article{
        width:1420px;}
      .newsletter_article{
        width: 98%;
        max-width: 1420px;
      }
	.nav_category{display:block;}
    nav#nav{width: 1420px;margin: 0 auto;}
	nav#nav .nav_inner{height:83px}
	nav#nav ul.gnb_box{float:left}
	nav#nav ul.gnb_box li{width:237px;}

	nav.nav_gnb ul.gnb{margin-top:20px;}
	nav.nav_gnb ul.gnb li{vertical-align:middle; line-height:14px; color:black; float:left; padding:0 10px; border-right:1px solid #d9d9d9; height:auto; border-bottom:0;}
	#nav .nav_arrow{display:block;}
	.crossLine{left:240px;}
	.mob_hide{
    /*20140521 추가 by NIS*/
      line-height: 240px;
      width:268px;height: 240px;
    }
	/*.mob_hide img{border-bottom:1px solid black;}*/
	.nav_category{width:280px;}
	.nav_category li{float:left; margin-right:40px; width:24px;}
	.common_con{width:1450px;}

      .index_article section.VcommArea,
      .index_article section.VlabArea{
        width: 244px;
      }
	article section.work_sec{
		width:268px; float:left; margin-right:20px; position:relative;
        /*20140520 추가 by NIS*/
        margin-bottom: 40px;
        height: 370px;    
	}  
    article .related_sec section.work_sec{
      margin-right: 20px;
      width: 252px;        
      height: 373px;    
    }
    article section.work_sec:nth-child(3n),
    article .related_sec section.work_sec:nth-child(3n),
    article section.work_sec:nth-child(4n),
    article .related_sec section.work_sec:nth-child(4n){
      margin-right: 20px;
    }
     /* article section.work_sec:nth-child(2n){
      margin-right: 20px;
         }  */
   /*  article section.work_sec:nth-child(2n),
   article section.work_sec:nth-child(3n),
   article .related_sec section.work_sec:nth-child(2n),
   article .related_sec section.work_sec:nth-child(3n){
     margin-right: 20px;
   }     */
    .work_secHead h2{
      padding-top: 15px;
      font-size: 1em;
    }
    .work_secHead{
      height: 90px;
      margin-left: 10px;
      margin-right: 10px;
    }
    .related_sec .work_secHead{
      height: 105px;
    }
	article section.work_sec a img{width:100%;height:auto; position:relative;}
    .work_sec p.date{bottom: 50px;}
    .work_sec p.m_text{padding-bottom:20px;margin-left: 10px;padding-top: 5px;}
	.category{width:1420px; overflow:hidden; position:relative; font-family:ng_light;margin: 0 auto;}
	/*.category input.search{display:none;padding:0 20px;}*/
	.category ul{overflow:hidden;}
	.category ul.category_list1{width:1450px; display:block;}

	.category ul.category_list1 li.el_last{background:none;}
	.category ul.category_list1 li a:hover{text-decoration:line-through; color:#634bbc}
	.category ul.lab_category li.el_last{background:none;}
	.category ul.lab_category li a:hover{text-decoration:line-through; color:#634bbc}
	
	.category_bar{position:absolute; background-color:#6745bd; bottom:0; left:0; height:3px;}
	.category_bar2{position:absolute; background-color:#6745bd; bottom:0; left:0; height:3px; display:none;}
	footer{
        width:98%; 
        max-width: 1420px;
        margin:0 auto;
      }
	.foot_list{display:block;}
	/*.foot_inner > p{float:left;}*/
	.gnb_on{background:none;}

	.gnb_left{float:left; width:336px; margin-right:724px; font-size:16px;}
	.gnb_right{float:left; width:222px; overflow:hidden;}
	.gnb_right_add{width:400px;}
	.top_bar{display:block; height:7px; background-color:black; position:absolute; top:0; left:0}
	article.article_culture{width:1420px; display:block; }
	/*.article_culture_title{overflow:hidden; margin-top:20px;margin-bottom:40px;color:#1e1e1e; }*/
	/*article.article_culture .article_culture_title > h2{font-family:Times New Roman; font-style:italic; font-size:3em; font-weight:normal; line-height:36px; margin-right:14px;float:left;}*/
	.more_btn{font-family:ng; line-height:16px; height:20px; font-size:1.667em; padding-right:25px; display:block;background:url(/resources/image/icon/more_arrow.png) right center no-repeat; float:left; margin-top:12px; *font-weight:bold;}
	.culture_cont{margin: 40px auto 10px;}
	.culture_cont .culture_cont_inner{width:1440px; line-height:14px; vertical-align:middle;}
	.culture_cont .culture_cont_inner dl{float:left; margin-right:20px; width:460px;}
	.culture_cont .culture_cont_inner dl dt{margin-bottom:10px;}
	.culture_cont .culture_cont_inner dl dt img{width:460px;}
    .culture_cont .culture_cont_inner dl dd span{
      font-size: 16px;
      margin-bottom: 10px;
      margin-right: 16px;
      display: inline;
    }
    .culture_secWrap{
      padding-top: 128px;
      background-image: none;
      background-color: #fff;
    }
    .culture_secWrap > h2{
      font-size: 45px;
    }
    .culture_secWrap > hr{
      margin-bottom: 17px;
    }
    .culture_secWrap .h2descript{
      font-size: 40px;
      color: #0f0f0f;
    }
    .culture_secWrap > h3{
      margin-top: 134px;
      font-size: 30px;
    }
    .culture_secWrap > div > p{
      font-size: 22px;
      color: #5e5e5e;
    }
    .culture_secWrap .signature{
      font-size: 40px;
      color: #0f0f0f;
    }
	nav.nav_gnb ul.gnb a.noline li{border-right:0;}
/*	.sns_box{display:block; float:right; margin:18px 0 0 0; padding-right:10px; width:115px;}
	.gnb_sns{width:140px}
	.gnb_sns li{line-height:21px; vertical-align:middle; margin-right:10px; padding-right:10px;}
*/	
	
	.category_list2{padding-top:5px;}
	.category_list2 li{float:left; height:21px; padding:0 10px; border:1px solid #c6c6c6; border-radius:2px; line-height:21px; vertical-align:middle; text-align:center; margin:5px 5px 0 0; white-space:nowrap; cursor:pointer;}
	.category_list2 li a:link{color:black;}

	
	.category_list3{height:71px;}
	.category_list3 li{float:left; width:142px; vertical-align:middle; text-align:center; white-space:nowrap; cursor:pointer; height:71px; line-height:71px; font-size:14px;}
	.category_list3 li a{display:block; width:100%; height:100%;}
	.category_list3 li a:link{color:black;}
	.category_list3 li a:hover{text-decoration:line-through; color:#634bbc}


	/*work popup*/
	.work_pop,
      .product_pop,
      .vimeo_pop,
    .press_view_pop{width:940px; top:0; left:50%; margin-left:-470px; z-index:10000; background-color:white;}
	.work_pop_head,
      .product_pop_head{width:940px; background-color:#151515; position:fixed; left:50%; margin-left:-470px;}
	/*.con_close{position:absolute; top:24px; right:21px;}*/
	.work_pop_con > img{width:100%; height:auto;}
	.wokr_pop_con_inner{overflow:hidden; padding-top:50px;color:black;}/*공통*/
	.popcon_inner{overflow:hidden;}/*공통*/
	.popcon_dec{margin-top:30px; overflow:hidden; padding-bottom:30px;}/*공통*/

	.popcon_dec dl{overflow:hidden; float:left; margin-right:60px}
	.popcon_dec dl dt{float:left; margin-right:16px; font-weight:bold;}
	.popcon_dec dl dd{float:left;}
	.work_dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; opacity:0; z-index:1000}
	.work_pop_con{ font-family:"Malgun Gothic"; font-weight:normal; font-size:12px; line-height:100%; vertical-align:middle;}
	.popcon_dec dl{font-size:14px; line-height:100%; }
	.popcon_dec dl dt{font-family:ng_midium;font-weight:normal;}
	.popcon_dec dl dd{font-family:ng_light; font-weight:normal;}
	
	.popcon_mission > p{margin-bottom:26px;}
	.popcon_inner .mission_last{border-bottom:0;}
	.popcon_mission{margin-top:30px; border-bottom:1px solid #285032}
	/*.work_pop_head_inner{margin:15px 0 0 21px;}*/
	.work_pop_head h2,
      .product_pop_head h2{width:80%; font-size:18px; font-weight:normal; color:white; font-family:ng_midium; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.popcon_dec dl.n_margin{margin:0;}

	.work_pop_product{width:840px; margin:0 auto;}

	.wppr_text ul{width:860px;}
	.wppr_text ul li{float:left; width:195px; margin-right:20px; overflow:hidden; margin-bottom:10px; font-size:12px; font-family:dotum, '돋움'; cursor:pointer;}
	.wppr_text ul li img{width:100%;}
	.wppr_text ul li:nth-child(even){margin:0 20px 10px 0;}

	/*work pop old*/
	.work_pop_old{width:940px; left:50%; margin-left:-470px;}

		/*about*/
   article.about_article{width:1200px;}
   article.recruit_article,
   article.press_article table.pressList {width: 1420px;}
  .about_secInner{width:1160px;-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -ms-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);}
  .about_article .cl_left,
  .recruit_article .cl_left{left:50px; background:url(/resources/image/clip_left.png) 0 0 no-repeat;}
  .about_article .cl_right,
  .recruit_article .cl_right{right:50px; background:url(/resources/image/clip_right.png) 0 0 no-repeat;}
/*   .about_con_head{margin-top:90px; padding-bottom:120px;}
.about_con_head h2{margin-bottom:75px; font-size:40px;}
.about_con_head > p{width:930px; margin:0 auto;}
.about_con_wrap{width:1440px; overflow:hidden; padding-top:70px;line-height:100%}
.about_con1_inner{width:460px; float:left; margin-right:20px; margin-top:0;}
.about_con_wrap2{width:1440px; overflow:hidden;}
.about_con1_inner2{width:700px; float:left; margin-right:20px; margin-top:0;}
.aw_list > ul > li{float:left;width:50%; }
.seq_box2_inner{width:794px;}
.seq_box1{height:497px;} */

	/*product*/
	.product_top_list{display:block; overflow:hidden;}
	.pr_top{width:1440px}
	.product_top_list ul.pr_top li{width:236px; text-align:center; height:78px;border-right:1px solid #c6c6c6; line-height:16px; float:left;}
	.product_top_list ul.pr_top li a{display:block; width:100%; height:100%;}
	.product_top_list ul.pr_top li a span{display:block; width:237px; background-color:#e9e9e9; padding-top:23px; padding-bottom:5px; height:35px;}
	.list_line_ht{line-height:35px; vertical-align:middle;}
	.product_list ul, 
      .lineup_list ul{width:1440px;}
	.product_list ul li, .product_list ul li.msp,
      .lineup_list ul li, .lineup_list ul li.msp{width:220px; margin-right:20px;}
      
		/*product*/
	.product_top_list{display:block; overflow:hidden;}
	.pr_top{width:1430px}
	.product_top_list ul.pr_top li{width:236px; text-align:center; height:78px;border-right:1px solid #c6c6c6; line-height:16px; float:left;}
	.product_top_list ul.pr_top li a{display:block; width:100%; height:100%;}
	.product_top_list ul.pr_top li a span{display:block; width:237px; background-color:#e9e9e9; padding-top:23px; padding-bottom:5px; height:35px;}
	.list_line_ht{line-height:35px; vertical-align:middle;}
	.product_list ul, 
      .lineup_list ul{width:1440px;}
	.product_list ul li, .product_list ul li.msp,
      .lineup_list ul li, .lineup_list ul li.msp{width:320px; margin-right:20px;}
      
	/*product_detail*/
	.pdt_head{padding-bottom:40px;}
	.pdt_head p{margin:33px 0 33px 20px; padding-left:22px; background:url(/resources/image/icon/back_icon.gif) 0 center no-repeat; font-family:ng; font-size:16px; line-height:16px; vertical-align:middle;}
	.pdt_sec h2{font-size:50px; font-family:times_italic; font-weight:normal; margin:48px 0 70px 0; line-height:100%;}
	.pdt_sec h3{font-family:nanum_barun, sans-serif; font-size:24px; font-weight:normal; line-height:40px; margin:48px 0 37px 0;}
	.pdt_sec p{font-size:13px;}
	.pdt_sec h4{font-family:ng_midium; font-size:24px; margin:40px 0 40px 0; font-weight:normal;}
	.pdt_mtext{width:1460px;}
	.pdt_con{width:460px; float:left; margin-right:20px;}
	section.pro_nmg ul li{width:220px; margin-right:20px; float:left;margin-bottom:10px;}
	section.pro_nmg ul{width:1480px;}
	section.pro_nmg ul li:nth-child(odd){margin-right:20px;}
	section.pro_nmg ul li dl{ font-size:12px;}
	.pdt_sec h5{font-size:20px; margin:40px 0 20px 0; font-weight:normal;}
	.pdt_num1{width:460px; margin-right:20px; float:left;}
	.pdt_num2{width:940px;}
	.pdt_sec > img{width:auto;}
	.pdt_align{text-align:center;}
	.pdt_align > h4{text-align:left;}


	/*map popup*/
	.map_pop iframe{ width:768px; height:460px;}
	.map_box{width:768px; position:fixed; top:50%; margin-top:-458px; left:50%; margin-left:-384px}
	.map_text_box{margin-left:30px; width:708px;}

      /* News Letter */
    .titleVisual > a > img{
        width: 130px;
      }
    .titleVisual hr{
      width: 203px;      
    }
    .titleVisual > h1{
      font-size: 5.538em;
      /*72 / 13*/
      margin-top: 3.52112676056338%;
      /*50 / 1420*/
      margin-bottom: 4.01408450704225%;
      /*57 / 1420*/
    }
    .titleVisual > h2{
      font-size: 1.846em;
      margin-bottom: 28px;
    }
    .titleVisual > p{
      font-size: 1.230em;
      margin-bottom: 4.7887323943662%;
    }

    /* News Letter */
    #wrap_newsletter table{
      margin-top: 60px;
      margin-bottom: 51px;
      /*border-bottom: 2px solid #e9e9e9;*/
    }
    #wrap_newsletter table tr{
      height: 82px;
      /*border-top: 2px solid #e9e9e9;*/
    }
    #wrap_newsletter table td > span{
      font-size: 16px;
      height: 80px;
      line-height: 84px;
      padding-left: 53px;
    }
      #wrap_newsletter .rq{
        -webkit-background-size: 13px 13px; 
        background-size: 13px 13px; 
        background-position: 32px 50%;
      }
      #wrap_newsletter table td input{
        font-size: 30px;
      }
      #wrap_newsletter table td input#user_name{
        text-indent: 98px;
      }
      #wrap_newsletter table td input#user_email{
        text-indent: 112px;
      }
      #wrap_newsletter table td input#user_company{
        text-indent: 98px;
      }
      #wrap_newsletter table td input#user_position{
        text-indent: 141px;
      }
      .registPopup .buttonClose{
        height: 60px;
        padding-right: 20px;
        padding-top: 15px;
      }
      .registPopup .buttonClose > a > img{
        width: 28px;
        height: 28px;
      }

      /* Recruit */

    .recruit_wrap > .TopVisual{
        padding-top: 130px;
        padding-bottom: 62px;
        background-image: url('/resources/image/recruit_bgimg_1420.gif');
        -webkit-background-size: 1418px 550px;
        background-size: 1418px 550px;
      }
    .recruit_wrap > .TopVisual > h1{
        font-size: 85.1px;
        padding-bottom: 34px;
      }
      .recruit_wrap > .TopVisual > h2{
        font-size: 40.4px;
        margin-top: 32px;
        margin-bottom: 35px;
      }
    .recruit_wrap > .TopVisual > p{
      font-size: 22.02px;
      line-height: 1.455040871934605;
    }
    .recruit_wrap .Process > h1, .recruit_wrap .application > h1{
      font-size: 24px;
      padding-bottom: 45px;
    }
    .recruit_wrap .processStep, .recruit_wrap .application > div{
      padding-top: 20px;
    }
    .recruit_wrap .processStep li{
      padding-top: 14px;
      padding-left: 18px;
      padding-right: 18px;
      padding-bottom: 46px;
    }
    .recruit_wrap .processStep li h2{
      font-size: 13.76px;
      margin-bottom: 88px;
    }
    .recruit_wrap .processStep li h3{
      font-size: 20px;
      margin-bottom: 30px;
    }
    .recruit_wrap .processStep li p{
      font-size: 16px;
    }
    .recruit_wrap .processMemo{
      margin-top: 60px;
      font-size: 18px;
    }
    .recruit_wrap .application > div h1{
      font-size: 40px;
      line-height: 40px;
      height: 70px;
    }
    .recruit_wrap .VcommPart > h1 > img, .recruit_wrap .VlabPart > h1 > img{
      width: 21px;
      height: 26px;
    }
    .recruit_wrap .application > div h1 > span{
      padding-left: 12px;
      font-size: 12px;
    }
    .recruit_wrap .application > div table td, .recruit_wrap .application > div table th{
      font-size: 16px;
      padding-top: 19px;
      padding-bottom: 17px;
    }
    .recruit_wrap .application > div table tbody th{
      font-size: 16px;
    }
    .recruit_wrap .application > div dl{
      margin-top: 20px;
      font-size: 18px;
    }
    .recruit_wrap .application > div dl dd{
      font-size: 16px;
    }
    .recruit_wrap > .TopVisual > hr{
      width: 875px;
    }
}
